a{ text-decoration: none; cursor: pointer; color: #636363; } a:link, a:visited, a:active, a:hover { text-decoration: none; outline: none; } /* point */ .point01 { color: #dc0022 !important; } .point02 { color: #f37736 !important; } .point03 { color: #9e9282 !important; } .inp-radio{display:inline-block;position:relative;/*!* 텍스트가 left에 있는경우 *! &.left{ .checkbox-txt{ padding-left:36px; text-align:left; .icon-checkbox{ top:0; left:0; } } } &.right{ .checkbox-txt{ padding-right:32px; text-align:right; .icon-checkbox{ top:0; right:0; } } } */} .pb0 {padding-bottom:0 !important;} .inp-radio input[type="radio"]{position:absolute;top:2px;left:2px;width:19px;height:19px;z-index:-1} .inp-radio .radio-txt{position:relative;display:block;text-align:left;padding-left:35px;color:#636363;line-height:26px;-webkit-transition:all .3s ease;transition:all .3s ease} .inp-radio .radio-txt .icon-radio{overflow:hidden;position:absolute;top:0;left:0;-webkit-transition:all .3s ease;transition:all .3s ease;background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-373px -352px;width:26px;height:26px} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.inp-radio .radio-txt .icon-radio{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } .inp-radio .radio-txt .icon-radio:after{content:"";position:absolute;top:0;left:0;background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-332px -352px;width:26px;height:26px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;transition:all .3s ease} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.inp-radio .radio-txt .icon-radio:after{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } .inp-radio input[type="radio"]:checked+.radio-txt .icon-radio:after{opacity:1;filter:alpha(opacity=100)} .inp-check{display:inline-block;position:relative;vertical-align:top} .inp-check input[type="checkbox"]{position:absolute;top:0;width:10px;height:10px;z-index:-1;opacity:0;filter:alpha(opacity=0)} .inp-check .check-txt{position:relative;display:block;text-align:left;color:#636363;line-height:24px;-webkit-transition:all .3s ease;transition:all .3s ease;min-height:26px} .inp-check .check-txt .icon-check{overflow:hidden;position:absolute;width:24px;height:24px;top:0;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e6e6e6;background-color:#f7f7f7} .inp-check .check-txt .icon-check:before{content:"";position:absolute;top:-1px;left:-1px;-webkit-transition:all .3s ease;transition:all .3s ease;background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-53px -490px;width:26px;height:26px;opacity:0;filter:alpha(opacity=0)} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.inp-check .check-txt .icon-check:before{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } .inp-check input[type="checkbox"]:checked+.check-txt .icon-check:before{opacity:1;filter:alpha(opacity=100)} .inp-check.left.full{width:100%} .inp-check.left.full .check-txt{display:block;-webkit-box-sizing:border-box;box-sizing:border-box} .inp-check.left input[type="checkbox"]{top:0;left:0} .inp-check.left .check-txt{padding-left:40px;text-align:left} .inp-check.left .check-txt .icon-check{top:0;left:0} .inp-check.right.full{width:100%} .inp-check.right.full .check-txt{display:block;-webkit-box-sizing:border-box;box-sizing:border-box} .inp-check.right input[type="checkbox"]{top:0;right:0} .inp-check.right .check-txt{padding-right:31px;text-align:left} .inp-check.right .check-txt .icon-check{top:0;right:0} .inp-txt-box input[type="text"]{height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #636363;width:100%} .inp-txt-box input[type="text"]::-webkit-input-placeholder{color:#9e9282;line-height:38px;font-size:13px} .inp-txt-box input[type="text"]::-moz-placeholder{color:#9e9282;line-height:38px;font-size:13px} .inp-txt-box input[type="text"]:-ms-input-placeholder{color:#9e9282;line-height:38px;font-size:13px} .inp-txt-box input[type="text"]:-moz-placeholder{color:#9e9282;line-height:38px;font-size:13px} @font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local('Pretendard Black'), url(../../font/pretendard/woff2/Pretendard-Black.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-Black.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local('Pretendard ExtraBold'), url(../../font/pretendard/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-ExtraBold.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url(../../font/pretendard/woff2/Pretendard-Bold.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-Bold.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url(../../font/pretendard/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-SemiBold.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local('Pretendard Medium'), url(../../font/pretendard/woff2/Pretendard-Medium.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-Medium.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url(../../font/pretendard/woff2/Pretendard-Regular.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-Regular.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local('Pretendard Light'), url(../../font/pretendard/woff2/Pretendard-Light.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-Light.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local('Pretendard ExtraLight'), url(../../font/pretendard/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-ExtraLight.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local('Pretendard Thin'), url(../../font/pretendard/woff2/Pretendard-Thin.woff2) format('woff2'), url(../../font/pretendard/woff/Pretendard-Thin.woff) format('woff'); } @font-face{font-family:'NotoSansKR';src:url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Light.eot");src:local("※"),url("../../font/notosanskr/NotoSansKR-Light.woff") format("woff"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Light.otf") format("opentype");font-weight:100;font-style:normal} @font-face{font-family:'NotoSansKR';src:url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Regular.eot");src:local("※"),url("../../font/notosanskr/NotoSansKR-Regular.woff") format("woff"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Regular.otf") format("opentype");font-weight:300;font-style:normal} @font-face{font-family:'NotoSansKR';src:url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Medium.eot");src:local("※"),url("../../font/notosanskr/NotoSansKR-Medium.woff") format("woff"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Medium.otf") format("opentype");font-weight:500;font-style:normal} @font-face{font-family:'NotoSansKR';src:url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Bold.eot");src:local("※"),url("../../font/notosanskr/NotoSansKR-Bold.woff") format("woff"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),url("https://apt.ssyenc.com/skyheron/resources/mobile/font/notosanskr/NotoSansKR-Bold.otf") format("opentype");font-weight:700;font-style:normal} @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(../../../../../apt/font/NotoSans-Light.woff2) format("woff2"), url(../../../../../apt/font/NotoSans-Light.woff) format("woff"), url(https://apt.ssyenc.com/apt/font/NotoSans-Light.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(../../../../../apt/font/NotoSans-Regular.woff2) format("woff2"), url(../../../../../apt/font/NotoSans-Regular.woff) format("woff"), url(https://apt.ssyenc.com/apt/font/NotoSans-Regular.otf) format("opentype"); } @font-face{font-family:'NanumSquare';src:url("../../font/nanumsquare/NanumSquareL.eot");src:local("※"),url("../../font/nanumsquare/NanumSquareL.woff") format("woff"),url("../../font/nanumsquare/NanumSquareL%EF%B9%96.eot#iefix") format("embedded-opentype"),url("../../font/nanumsquare/NanumSquareL.ttf") format("truetype");font-weight:100;font-style:normal} @font-face{font-family:'NanumSquare';src:url("../../font/nanumsquare/NanumSquareR.eot");src:local("※"),url("../../font/nanumsquare/NanumSquareR.woff") format("woff"),url("../../font/nanumsquare/NanumSquareR%EF%B9%96.eot#iefix") format("embedded-opentype"),url("../../font/nanumsquare/NanumSquareR.ttf") format("truetype");font-weight:300;font-style:normal} @font-face{font-family:'NanumSquare';src:url("../../font/nanumsquare/NanumSquareB.eot");src:local("※"),url("../../font/nanumsquare/NanumSquareB.woff") format("woff"),url("../../font/nanumsquare/NanumSquareB%EF%B9%96.eot#iefix") format("embedded-opentype"),url("../../font/nanumsquare/NanumSquareB.ttf") format("truetype");font-weight:500;font-style:normal} @font-face{font-family:'NanumSquare';src:url("../../font/nanumsquare/NanumSquareEB.eot");src:local("※"),url("../../font/nanumsquare/NanumSquareEB.woff") format("woff"),url("../../font/nanumsquare/NanumSquareEB%EF%B9%96.eot#iefix") format("embedded-opentype"),url("../../font/nanumsquare/NanumSquareEB.ttf") format("truetype");font-weight:700;font-style:normal} .nanumsquare{font-family:'NanumSquare', sans-serif !important} body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} html{overflow-y:scroll} html,body{height:100%} body{font-family:'Pretendard', sans-serif, Arial;font-size:15px;font-weight:300;color:#050505;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;border:0 solid #66635E;text-align:center} table{border-collapse:collapse} fieldset,img{border:none} input{font-family:'Pretendard', sans-serif;vertical-align:middle} select{font-family:'Pretendard', sans-serif;font-size:12px;color:#050505;vertical-align:middle} div,ul,form,fieldset,td,th,li,h1,h2,h3,h4,p{margin:0;padding:0} ul,li,ol,li,dl,dd,dt{list-style:none} legend,hr{position:absolute;left:-999px;width:0;height:0;font-size:0;visibility:hidden;z-index:-1} caption{width:0;height:0;z-index:-1;font-size:0;line-height:0;visibility:hidden} hr{display:none} a{font-family:'Pretendard', sans-serif;text-decoration:none} em{font-style:normal} iframe{border:0} .hidden{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;overflow:hidden} .blind{margin:0;padding:0;width:0;height:0;line-height:0;visibility:hidden} .clear:after{content:'';display:block;clear:both} [data-scrollwheel]{outline:none} select,input,button,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:transparent;border:0 none;font-size:15px;font-weight:300;font-family:"Pretendard",sans-serif;outline:none} select[type="checkbox"],input[type="checkbox"],button[type="checkbox"],textarea[type="checkbox"]{-webkit-appearance:checkbox} select[type="radio"],input[type="radio"],button[type="radio"],textarea[type="radio"]{-webkit-appearance:radio} select::-ms-expand,input::-ms-expand,button::-ms-expand,textarea::-ms-expand{display:none} button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} .form-btn-area{display:block;margin:40px auto 0;text-align:center;vertical-align:top} .form-btn-area .btn-list-back{margin-top:25px;position:relative;display:block;line-height:43px;text-align:center;color:#9e9282;font-size:16px;font-weight:300;border:1px solid #9e9282} .form-btn-area .btn-list-back .icon{position:absolute;top:18px;left:15px;background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-443px -387px;width:27px;height:7px} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.form-btn-area .btn-list-back .icon{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } .form-btn-area .left-box{float:left} .form-btn-area .left-box>*{margin-right:7px} .form-btn-area .first-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;border-bottom:1px solid #d6d6d6;padding-bottom:25px} .form-btn-area .first-box>*{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px} .form-btn-area .first-box>*:first-child{margin-left:0} .form-btn-area .first-box .btn-list-next{position:relative;display:inline-block;padding:0 27px 0 0;border:1px solid #aeaeae;line-height:43px;color:#333;font-weight:400} .form-btn-area .first-box .btn-list-next .icon{position:absolute;top:16px;right:50%;margin-right:-27px;background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:0px -544px;width:6px;height:11px} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.form-btn-area .first-box .btn-list-next .icon{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } .form-btn-area .first-box .btn-list-prev{position:relative;display:inline-block;padding:0 0 0 27px;border:1px solid #aeaeae;line-height:43px;color:#333;font-weight:400} .form-btn-area .first-box .btn-list-prev .icon{position:absolute;top:16px;left:50%;margin-left:-27px;background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-339px -271px;width:6px;height:11px} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.form-btn-area .first-box .btn-list-prev .icon{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } .form-btn-area .second-box .btn-write{margin-top:15px} .form-btn-area .second-box .btn-smal-type03{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:15px} .form-btn-area input[type=submit]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .form-btn-area .btn-cancle{display:block;border:1px solid #aeaeae;line-height:43px;text-align:center;color:#333;font-size:16px;font-weight:300} .form-btn-area .btn-write{display:block;line-height:45px;text-align:center;background-color:#9e9282;color:#fff;font-size:16px;font-weight:300} .form-btn-area .btn-back{display:block;border:1px solid #a8a8a8;line-height:43px;text-align:center;color:#636363;font-size:16px;font-weight:300} .search-area{position:relative;margin-top:36px;padding:0 15px} .search-area .total-txt{font:400 16px/24px "Pretendard",sans-serif;color:#636363;text-align:center} .search-area .total-txt .name{color:#333} .search-area .total-txt .num{color:#9e9282} .search-area .search-box .tit{line-height:41px;font-size:20px;color:#333;margin-right:20px} .search-area .search-box .select-box{margin-top:21px} .search-area .search-box .input-box{position:relative;background-color:#787878;overflow:hidden;padding-right:56px;margin-top:10px} .search-area .search-box .input-box input[type="text"]{width:100%;color:#fff;font-size:17px;line-height:45px;text-indent:18px;height:45px;vertical-align:top;padding:0} .search-area .search-box .input-box input[type="text"]::-webkit-input-placeholder{color:#a8a8a8;line-height:45px;font-size:17px} .search-area .search-box .input-box input[type="text"]::-moz-placeholder{color:#a8a8a8;line-height:45px;font-size:17px} .search-area .search-box .input-box input[type="text"]:-ms-input-placeholder{color:#a8a8a8;line-height:45px;font-size:17px} .search-area .search-box .input-box input[type="text"]:-moz-placeholder{color:#a8a8a8;line-height:45px;font-size:17px} .search-area .search-box .input-box .btn-search{position:absolute;top:0;right:0} .search-area .search-box .input-box .btn-search:before{content:"";position:absolute;top:10px;left:0;width:1px;height:25px;background-color:#a8a8a8} .search-area .search-box .input-box .btn-search .icon{background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-129px -412px;width:46px;height:46px} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.search-area .search-box .input-box .btn-search .icon{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } .inner,.innerNoJs{position:relative;margin:0 auto;padding:0 15px;height:100%} .outer{position:relative;margin:0 auto} .dimm{position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.5)} .overflowH{overflow:hidden} .tl{text-align:left} .mt20{margin-top:20px} .mt40{margin-top:40px} #wrap{position:relative;margin:0;padding:0;min-width:320px} #wrap.main .inner{padding:0} #wrap.main #container #content{padding-top:0} #wrap #container #content{padding-top:61px} #header+#container #content .section{padding-top:60px} #header .top{position:fixed;left:0;top:0;z-index:4;margin:0 auto;padding:0 15px;width:calc(100% - 30px);height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #dedede;background-color:#fff} #wrap.main #header .top {background-color:transparent; border-bottom:none;} #wrap.main #header.act .top {background-color:#fff; border-bottom:1px solid #dedede;} #header .top .lnbOpen{position:relative;padding:15px 26px 16px 8px;width:16px;height:15px;font-size:0;line-height:0;display:inline-block;border:0;background:none;cursor:pointer} #header .top .lnbOpen:before{content:'';position:absolute;left:8px;top:8px;width:17px;height:1px;font-size:0;line-height:0;background:#000} #header .top .lnbOpen:after{content:'';position:absolute;left:8px;top:auto;bottom:8px;width:17px;height:1px;font-size:0;line-height:0;background:#000} #header .top .lnbOpen span{width:10px;height:1px;font-size:0;line-height:0;text-align:left;display:block;text-indent:-9999px;background:#000} #header .top .logo{width:66px;height:41px} #header .top .logo a{width:100%;height:100%;display:block;font-size:0;text-indent:-9999px;background:url(../../images/skyheron/logo.png) center center / cover no-repeat;} #header .top .tel{width:22px;height:25px;font-size:0;text-indent:-9999px;background:url(../../images/skyheron/call.png) center center / cover no-repeat;} #wrap.main #header.white.act .top .lnbOpen:before, #wrap.main #header.white.act .top .lnbOpen:after, #wrap.main #header.white.act .top .lnbOpen span {background:#000;} #wrap.main #header.white.act .top .logo a {background:url(../../images/skyheron/logo.png) center center / cover no-repeat;} #wrap.main #header.white.act .top .tel {background:url(../../images/skyheron/call.png) center center / cover no-repeat;} #wrap.main #header.white .top .lnbOpen:before, #wrap.main #header.white .top .lnbOpen:after, #wrap.main #header.white .top .lnbOpen span {background:#fff;} #wrap.main #header.white .top .logo a {background:url(../../images/skyheron/logo_white.png) center center / cover no-repeat;} #wrap.main #header.white .top .tel {background:url(../../images/skyheron/call_white.png) center center / cover no-repeat;} #header .lnb{position:absolute;left:-100%;top:auto;z-index:11;width:calc(100% - 53px);height:100vh; max-height:100dvh; overflow:auto;/* background-color:#fff; */-webkit-transition:left 0.3s;transition:left 0.3s} #header .lnb.on{left:0} #header .lnb .bg {background:#fff;} #header .lnb .lnbHeader{padding:16px 25px;display:flex;justify-content:space-between;align-items:center;background:#050505;} #header .lnb .lnbHeader h2{font-size:20px;color:#fff; font-weight:500;} #header .lnb .lnbHeader .lnbClose{width:16px;height:16px;font-size:0;text-indent:-9999px;border:0;background:url(../../images/icon/m_icon_lnb.png) no-repeat left top;background-size:23px 86px} #header .lnb .lnbBody>ul>li a{position:relative;padding:17px 40px 17px 25px;font-size:17px;color:#050505;text-align:left;display:block;border-bottom:1px solid #e0e0e0; font-weight:500;} #header .lnb .lnbBody>ul>li a.no:after {display:none;} #header .lnb .lnbBody>ul>li a:after{content:'';position:absolute;right:26px;top:23px;width:15px;height:10px; background:url(../../images/skyheron/ico_lnb_off.png) 0 0 / cover no-repeat; transform: rotate(180deg);} #header .lnb .lnbBody>ul>li a.on{color:#3711b8} #header .lnb .lnbBody>ul>li a.on:after{background:url(../../images/skyheron/ico_lnb_on.png) 0 0 / cover no-repeat; transform: rotate(0deg);} #header .lnb .lnbBody>ul>li a+ul{display:none; padding:10px 0; border-bottom:1px solid #e0e0e0; background:#fff} #header .lnb .lnbBody>ul>li:last-child a+ul {border-bottom:none; padding-bottom:0px;} #header .lnb .lnbBody>ul>li a.on + ul {display:block;} #header .lnb .lnbBody>ul>li a+ul li{padding:0 0 0 25px} #header .lnb .lnbBody>ul>li a+ul li a{position:relative;padding:10px 10px 10px 15px;font-size:15px;color:#666;display:block;border-bottom:none;} /* #header .lnb .lnbBody>ul>li a+ul li a[data-href^="/ansung"]{color:#b1b1b1} */ #header .lnb .lnbBody>ul>li a+ul li a:after{content:'';position:absolute;left:0;top:20px;width:3px;height:3px;border-radius:50%;background:#999} #header .lnb .lnbBody .telTxt{padding-top:30px;font-family:'Pretendard';font-size:16px;font-weight:500;color:#050505;text-align:center} #header .lnb .lnbBody .telNumber{padding-top:10px;font-family:'Pretendard';font-size:22px;font-weight:600;color:#3711b8;text-align:center} #header .lnb .lnbBody .telNumber a {color:#3711b8;} #header .lnb .lnbBody .lnbBanner{margin:20px auto 0;width:calc(100% - 50px);text-align:center;background:#3694a5} #header .lnb .lnbBody .lnbBanner .bannerHead{padding-top:20px;font-size:15px;font-weight:600;color:#fff;line-height:21px} #header .lnb .lnbBody .lnbBanner .bannerBody{margin:15px 30px 0;padding-top:15px;padding-bottom:20px;border-top:1px solid #9bcad2} #header .lnb .lnbBody .lnbBanner .bannerBody p{font-size:11px;color:#fff;line-height:16px} #header .lnb .lnbBody .lnbBanner .bannerBody .btnLayerOpen{margin-top:15px;padding:9px 25px;font-size:14px;color:#fff;display:inline-block;border:1px solid #fff;background:transparent} #header .lnb .lnbBody .lnbBtn{padding:20px 25px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} #header .lnb .lnbBody .lnbBtn .btn{padding:7px 27px 8px;font-size:14px;color:#fff;display:inline-block;border:0;border-radius:20px;background:#0f264e} #header .lnb .lnbBody .lnbBtn .btn2{margin-left:7px;padding:7px 27px 8px;font-size:14px;color:#fff;display:inline-block;border:0;border-radius:20px;background:#3694a5} #header .lnb .lnbFoot {padding-top:30px;} #header .lnb .lnbFoot ul {display:flex; justify-content:space-between; align-items:center;} #header .lnb .lnbFoot ul li {position:relative; flex:1;} #header .lnb .lnbFoot ul li + li:after {content:''; position:absolute; top:calc(50% - 9px); left:0px; display:block; width:1px; height:18px; background-color:#fff;} #header .lnb .lnbFoot ul li a {display:block; width:100%; padding:18px 0 19px; background:#3711b8; color:#fff; font-size:16px; font-weight:500;} /* #header .lnb .lnbFoot .btnInterest{position:relative;padding:21px 0 21px 36px;width:calc(100% - 36px);font-size:16px;color:#fff;display:block;border:0;background:#9e9282} #header .lnb .lnbFoot .btnInterest:after{content:'';position:absolute;left:50%;top:14px;margin-left:-65px;width:23px;height:25px;background:url(../../images/icon/m_icon_lnb.png) no-repeat left bottom;background-size:23px 86px} */ #footer{position:relative; border-top:1px solid #c4c7d4;/* background:#424242 */} #footer button.top {position:absolute; top:-15px; left:calc(50% - 15px); width:30px; height:30px; border-radius:100%; z-index:2; box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.2); overflow:hidden;/* background:#fff; */ text-indent:-9999px; cursor:pointer;} #footer button.top::before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:url(../../images/skyheron/btn_top.png) center center / cover no-repeat; z-index:2;} #footer button.top:after {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:#fff; opacity:.7; z-index:1;} #wrap.main #footer .inner {padding-top:60px;} #footer .inner{padding:60px 0 0 0;} #footer .inner .footPlatinumLogo{ width:100%; overflow:hidden;;} #footer .inner .footPlatinumLogo span {content:''; position:relative; display:block; margin:0 auto; width:93px; height:42px; background:url(../../images/skyheron/footer_logo.png) 0 0 / cover no-repeat; text-indent:-9999px;} #footer .inner .foot{padding-top:20px} #footer .inner .foot .footNavi{display:none} #footer .inner .foot .footNavi li:first-child a{padding-left:0} #footer .inner .foot .footNavi li:first-child a:after{display:none} #footer .inner .foot .footNavi li a{position:relative;padding-left:25px;font-size:15px;color:#c6c5c5;display:inline-block} #footer .inner .foot .footNavi li a[data-foot]{font-weight:700;color:#fff} #footer .inner .foot .footNavi li a:after{content:'·';position:absolute;left:10px;top:1px;font-size:15px;font-weight:300;color:#c6c5c5} #footer .inner .foot .toot-txt {width:100%; text-align:center; line-height:1.4;} #footer .inner .foot .toot-txt p {font-size:17px; color:#002850; font-weight:700; display: inline-block; border-top: 1px solid #ccc; padding-top: 20px;} #footer .inner .foot .toot-txt p strong {font-weight:600;} #footer .inner .footLogo {width:100%; margin-top:5px;} #footer .inner .footLogo ul{display:flex;justify-content:center; align-items:center} #footer .inner .footLogo ul li{height:30px; padding-left:15px; display:flex; justify-content:left;align-items:flex-end} #footer .inner .footLogo ul li:first-child{padding-left:0px} #footer .inner .footLogo ul li span{font-size:15px;color:#050505; font-weight:500;} #footer .inner .footLogo ul li strong{margin-left:10px;font-size:15px;font-weight:500;color:#050505;} #footer .inner .footLogo ul li strong.footSSyLogo{width:72px;height:21px;font-size:0;text-indent:-9999px;background:url(../../images/skyheron/footer_ssyLogo.png) 0 0 / cover no-repeat;} #footer .inner .footLogo ul li strong.footKyoboLogo{width:89px;height:16px;font-size:0;text-indent:-9999px;background:url(../../images/skyheron/ico_logo_kyobo.png) 0 0 / 100% no-repeat;} /* #footer .inner .footLogo ul li strong.footWooriLogo{margin-top:1px;width:79px;height:14px;font-size:0;text-indent:-9999px;background:url(../../images/bg/m_foot_wooriLogo.png) no-repeat left top;background-size:79px 14px} */ #footer .inner .footLogo ul li strong.footLogo_itm1{width:108px;height:18px;font-size:0;text-indent:-9999px;background:url(../../images/skyheron/ico_logo_ico1.png) 0 0 / 100% no-repeat;} #footer .inner .foot p{font-size:15px;font-weight:400;line-height:23px;color:#858585;text-align:center} #footer .inner .foot .add {position:relative; margin-top:20px;} #footer .inner .foot .add > dl {/* display:flex; justify-content:center; align-items:center; */} #footer .inner .foot .add > dl + dl {margin-top:20px;} #footer .inner .foot .add > dl > dt {font-weight:600; font-size:15px;} #footer .inner .foot .add > dl > dd {font-weight:400; font-size:15px;} #footer .inner .foot .add > dl > dt + dd {margin-top:10px;} #footer .inner .foot .agency {position:relative; margin-top:10px; } #footer .inner .foot .agency > p {font-weight:600; font-size:15px;color: #050505;} #footer .inner .foot .agency > dl{margin-top: 10px;} #footer .inner .foot .agency > dl + dl {margin-top:5px;} #footer .inner .foot .agency > dl > dt {font-weight:600; font-size:15px;} #footer .inner .foot .agency > dl > dd {font-weight:400; font-size:15px;} #footer .inner .foot .agency > dl > dt + dd {margin-top:5px;} /* #footer .inner .foot .copyright {margin-top:30px; font-size:16px; font-weight:500;} */ /* #footer .inner .foot p.copyText{margin-top:17px;padding-top:18px;border-top:1px solid #616161} */ #footer .inner .foot p.copyright{margin-top:20px;padding-bottom:38px; font-size:13px; font-weight:500; color:#050505;} .main #container{overflow:hidden} .main #container #content{overflow:hidden} #container{position:relative;min-width:320px;width:100%} #container #content{position:relative;width:100%} #container #content .section{position:relative;width:100%;height:100%;padding:0 25px;-webkit-box-sizing:border-box;box-sizing:border-box} #container #content .section .sectionTit{margin:0 auto;padding:0 25px;min-width:320px;line-height:26px;text-align:left} #container #content .section .sectionTit strong{font-size:14px;font-weight:700;color:#8c8c8c} #container #content .section .sectionTit p{font-size:20px;font-weight:700;color:#1899a0;letter-spacing:-0.5px} #container #content .section[data-scrollwheel=section-1]{padding:0} #container #content .section[data-scrollwheel=section-2]{padding:0} #container #content .section[data-scrollwheel=section-3]{position:relative;padding:0;min-height:688px;text-align:left} #container #content .section[data-scrollwheel=section-3] .inner{min-width:320px} #container #content .section[data-scrollwheel=section-3] .inner .sectionTit{padding:30px 0} #container #content .section[data-scrollwheel=section-4]{padding-bottom:72px} #container #content .section[data-scrollwheel=section-4] .inner .sectionTit{padding:0} .mainVisual>.swiper-container .swiper-slide{height:calc(100vh - 160px);min-height:545px} .mainVisual>.swiper-container .swiper-slide .bg{position:absolute;z-index:-1;width:100%;height:100%;background-size:cover !important} .mainVisual>.swiper-container .swiper-slide .slideCon{margin:0 auto} .mainVisual>.swiper-container .swiper-slide .slideCon p{margin-top:-30px;font-size:12px;font-weight:100;line-height:32px;color:#fff;text-align:center;opacity:0;-webkit-transition:margin-top 0.6s, opacity 0.6s;transition:margin-top 0.6s, opacity 0.6s;-webkit-transition-delay:0.3s;transition-delay:0.3s} .mainVisual>.swiper-container .swiper-slide .slideCon p strong{margin-top:-30px;font-size:23px;font-weight:500;opacity:0;display:block;-webkit-transition:margin-top 0.6s, opacity 0.6s;transition:margin-top 0.6s, opacity 0.6s;-webkit-transition-delay:0.7s;transition-delay:0.7s} .mainVisual>.swiper-container .swiper-slide .slideCon .platinumLogo{margin-top:16px;width:105px;height:62px;font-size:0;display:inline-block;text-indent:-9999px;opacity:0;background:url(../../images/bg/m_logo_platinum.png) no-repeat left top;background-size:105px 62px;-webkit-transition:opacity 0.7s;transition:opacity 0.7s} .mainVisual>.swiper-container .swiper-slide .slideCon .platinumLogo.white{width:95px;height:56px;background-image:url(../../images/bg/m_logo_platinum_white.png);background-size:95px;height:56px} .mainVisual>.swiper-container .swiper-slide.swiper-slide-active .slideCon p{margin-top:0;opacity:1 !important} .mainVisual>.swiper-container .swiper-slide.swiper-slide-active .slideCon p strong{margin-top:0;opacity:1 !important} .mainVisual>.swiper-container .swiper-slide.swiper-slide-active .slideCon .platinumLogo{opacity:1 !important} .mainVisual>.swiper-container .swiper-slide.item1.swiper-slide-active .slideCon:after{opacity:1} .mainVisual>.swiper-container .swiper-slide.item1.swiper-slide-active .slideCon .openText{opacity:1} .mainVisual>.swiper-container .swiper-slide.item1 .bg{background:url(../../images/main/m_img_swiper1_1.jpg) no-repeat center top} .mainVisual>.swiper-container .swiper-slide.item1 .slideCon{margin:30vh auto 0;text-align:center} .mainVisual>.swiper-container .swiper-slide.item1 .slideCon p{padding-top:65px} .mainVisual>.swiper-container .swiper-slide.item1 .slideCon .platinumLogo{-webkit-transition-delay:1.5s;transition-delay:1.5s} .mainVisual>.swiper-container .swiper-slide.item1 .slideCon .openText{margin:25px auto;width:170px;height:43px;display:block;font-size:0;text-indent:-9999px;background:url("../../images/main/m_img_swiper1_1_open.png") no-repeat left top;background-size:170px 43px;opacity:0;-webkit-transition:opacity 0.7s;transition:opacity 0.7s;-webkit-transition-delay:2.4s;transition-delay:2.4s} .mainVisual>.swiper-container .swiper-slide.item2 .bg{background:url(../../images/main/m_img_swiper1_2.jpg) no-repeat center bottom} .mainVisual>.swiper-container .swiper-slide.item2 .slideCon{padding:68px 0 0} .mainVisual>.swiper-container .swiper-slide.item2 .slideCon p{font-size:17px;line-height:24px;text-shadow:0px 0px 27px rgba(0,0,0,0.42)} .mainVisual>.swiper-container .swiper-slide.item2 .slideCon p strong{line-height:36px} .mainVisual>.swiper-container .swiper-slide.item2 .slideCon .platinumLogo{-webkit-transition-delay:1.5s;transition-delay:1.5s} .mainVisual>.swiper-container .swiper-slide.item3 .bg{background:url(../../images/main/m_img_swiper1_3.jpg) no-repeat center bottom} .mainVisual>.swiper-container .swiper-slide.item3 .slideCon{padding:68px 0 0} .mainVisual>.swiper-container .swiper-slide.item3 .slideCon p{font-size:17px;line-height:24px;text-shadow:0px 0px 27px rgba(0,0,0,0.42)} .mainVisual>.swiper-container .swiper-slide.item3 .slideCon p strong{line-height:36px} .mainVisual>.swiper-container .swiper-slide.item3 .slideCon .platinumLogo{-webkit-transition-delay:1.5s;transition-delay:1.5s} .mainVisual>.swiper-container .swiper-slide.item3.swiper-slide-active .slideCon p{margin-right:0} .mainVisual>.swiper-container .swiper-slide.item3.swiper-slide-active .slideCon p strong{margin-right:0} .mainVisual>.swiper-container .etcTxt{position:absolute;left:50%;bottom:10px;width:100%;z-index:1;font-size:10px;font-weight:100;color:rgba(255,254,254,0.7);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)} .mainVisual>.sideControl{position:absolute;bottom:0;left:0px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3} .mainVisual>.sideControl .swiper-pagination{position:static;display:inline-block;width:100%;height:3px;z-index:1;line-height:0} .mainVisual>.sideControl .swiper-pagination.swiper-pagination-progressbar{background:none} .mainVisual>.sideControl .swiper-pagination.swiper-pagination-progressbar:after{content:'';position:absolute;top:1px;left:0px;display:block;width:100%;height:1px;background:#adadad} .mainVisual>.sideControl .swiper-pagination .swiper-pagination-progressbar-fill{background:#fff;z-index:2} .mainVisual>.sideControl .swiper-pagination-bullet{width:5px;height:5px;border-radius:50%;background:#d6d6d6;opacity:1} .mainVisual>.sideControl .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:15px} .mainVisual>.sideControl .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#9e9282} .mainVisual>.sideControl .controlBtn{z-index:1;margin-left:20px;width:7px;height:10px;display:inline-block;font-size:0;text-indent:-9999px;border:0;background-color:transparent;background-image:url(../../images/main/m_icon_mainSwiper.png);background-repeat:no-repeat;background-size:7px 29px;cursor:pointer} .mainVisual>.sideControl .controlBtn.stop{background-position:left top} .mainVisual>.sideControl .controlBtn.play{background-position:left bottom} .mainVisual .box{position:absolute;bottom:0px;width:100%;height:96px;overflow:hidden;z-index:2} .mainVisual .box:before{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:.6} .mainVisual .box .swiper-container{width:100%;height:100%} .mainVisual .box .swiper-container .txt{padding:4px 30px;text-align:left;font-weight:300} .mainVisual .box .swiper-container .txt p{color:#fff;font-size:25px} .mainVisual .box .swiper-container .txt p+p{padding-top:5px} .mainVisual .box .swiper-container .txt strong{font-size:35px;color:#fff;font-weight:300;display:block} .mainVisual .box .swiper-container .txt span{font-size:19px;color:#fff;display:block;line-height:1} .mainVisual .box .btm-area{position:absolute;width:50%;height:10px;bottom:22px;right:15px} .mainVisual .box .btm-area .swiper-pagination{right:0px;top:0px;font-size:0} .mainVisual .box .btm-area .swiper-pagination .swiper-pagination-bullet{background:#adadad;opacity:1;border-radius:0px;width:7px;height:7px} .mainVisual .box .btm-area .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:7px} .mainVisual .box .btm-area .swiper-pagination .swiper-pagination-bullet-active{background:#33f6eb} .premiumSlide{position:relative;margin:40px 0 0 0;width:100%} .premiumSlide .swiper-container{position:relative} .premiumSlide .swiper-container .swiper-slide{width:100%} .premiumSlide .swiper-container .swiper-slide:after{content:'';position:absolute;top:0;left:30px;right:30px;width:calc(100% - 60px);height:calc(50vh - 106px);background-repeat:no-repeat;background-position:right top;background-size:cover} .premiumSlide .swiper-container .swiper-slide:last-child:after{right:0;left:auto} .premiumSlide .swiper-container .swiper-slide:last-child .slideCon{display:block} .premiumSlide .swiper-container .swiper-slide.item1:after{background-image:url(../../images/main/m_img_swiper2_1.jpg)} .premiumSlide .swiper-container .swiper-slide.item2:after{background-image:url(../../images/main/m_img_swiper2_2.jpg)} .premiumSlide .swiper-container .swiper-slide.item3:after{background-image:url(../../images/main/m_img_swiper2_3.jpg)} .premiumSlide .swiper-container .swiper-slide.item4:after{background-image:url(../../images/main/m_img_swiper2_4.jpg)} .premiumSlide .swiper-container .swiper-slide.item5:after{background-image:url(../../images/main/m_img_swiper2_5.jpg)} .premiumSlide .swiper-container .swiper-slide.item6:after{background-image:url(../../images/main/m_img_swiper2_6.jpg)} .premiumSlide .swiper-container .swiper-slide.item7:after{background-image:url(../../images/main/m_img_swiper2_7.jpg)} .premiumSlide .swiper-container .swiper-slide.item8:after{background-image:url(../../images/main/m_img_swiper2_8.jpg)} .premiumSlide .swiper-container .swiper-slide.swiper-slide-active:after{right:30px;left:30px} .premiumSlide .swiper-container .swiper-slide.swiper-slide-active .slideCon{display:block} .premiumSlide .swiper-container .swiper-slide.swiper-slide-active .slideCon .bigText{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-name:slideDown2;animation-name:slideDown2;-webkit-animation-fill-mode:both;animation-fill-mode:both} .premiumSlide .swiper-container .swiper-slide.swiper-slide-active .slideCon .smallText{-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-name:slideDown2;animation-name:slideDown2;-webkit-animation-fill-mode:both;animation-fill-mode:both} .premiumSlide .swiper-container .swiper-slide .slideCon{display:none;margin-top:40vh;width:100%;text-align:center} .premiumSlide .swiper-container .swiper-slide .slideCon .bigText{margin-top:0;font-size:29px;font-weight:700;line-height:1.3;color:#082b48;letter-spacing:-0.5px;opacity:0} .premiumSlide .swiper-container .swiper-slide .slideCon .smallText{margin-top:0;padding-top:15px;font-size:15px;line-height:1.6;color:#444;letter-spacing:-1px;opacity:0} .premiumSlide .sideControl{padding:15px 0 25px} .premiumSlide .sideControl .swiper-pagination{position:static;left:auto;right:auto;bottom:auto;z-index:1;width:auto;color:#7d7d7d} .premiumSlide .sideControl .swiper-pagination .swiper-pagination-bullet{width:5px;height:5px;border-radius:50%;background:#d6d6d6;opacity:1} .premiumSlide .sideControl .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:15px} .premiumSlide .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#9e9282} [data-scrollwheel=section-3].focus .sampleHouse:after{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-name:slideLeft;animation-name:slideLeft;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-3].focus .sampleHouse ul{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-3].focus .sampleHouse .btnMapView{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-3].focus .vipInvitation:after{-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideRight;animation-name:slideRight;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-3].focus .vipInvitation dl{-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-3] .sampleHouse{position:absolute;left:0;top:393px;z-index:1;padding:29px 49px 40px 116px} [data-scrollwheel=section-3] .sampleHouse:after{content:'';position:absolute;left:0px;top:0;z-index:-1;width:100%;height:100%;border-radius:0 15px 17px 0;-webkit-box-shadow:12px 9px 43px 0px rgba(0,0,0,0.57);box-shadow:12px 9px 43px 0px rgba(0,0,0,0.57);background:url("../../images/main/m_bg_card_left.png") no-repeat left top;background-size:330px auto} [data-scrollwheel=section-3] .sampleHouse ul{min-width:140px} [data-scrollwheel=section-3] .sampleHouse ul li{font-weight:300;font-size:12px;line-height:22px;color:#646464;text-align:center;letter-spacing:-0.8px} [data-scrollwheel=section-3] .sampleHouse ul li span{font-weight:600;color:#444;display:block} [data-scrollwheel=section-3] .sampleHouse .btnMapView{position:relative;left:50%;margin-top:20px;padding:4px 37px 4px 20px;font-size:12px;font-weight:200;color:#fff;display:inline-block;background-color:#9e9282;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)} [data-scrollwheel=section-3] .sampleHouse .btnMapView:after{content:'';position:absolute;right:10px;top:51%;z-index:1;width:14px;height:4px;background:url("../../images/icon/m_icon_arrow_white.png") no-repeat right top;background-size:14px 4px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)} [data-scrollwheel=section-3] .vipInvitation{position:absolute;right:0px;top:70px;padding:60px 33px 28px 31px} [data-scrollwheel=section-3] .vipInvitation:after{content:'';position:absolute;right:0px;top:0;z-index:-1;width:100%;height:100%;border-radius:20px 0 0 20px;-webkit-box-shadow:12px 9px 43px 0px rgba(0,0,0,0.57);box-shadow:12px 9px 43px 0px rgba(0,0,0,0.57);background:url("../../images/main/m_bg_card_right.png") no-repeat right top;background-size:350px auto} [data-scrollwheel=section-3] .vipInvitation dl dt{text-align:center} [data-scrollwheel=section-3] .vipInvitation dl dt span{font-size:14px;color:#fff;line-height:24px;letter-spacing:-0.25px} [data-scrollwheel=section-3] .vipInvitation dl dt p{font-size:17px;font-weight:400;color:#c6a94d;line-height:24px;letter-spacing:-0.25px} [data-scrollwheel=section-3] .vipInvitation dl dd{padding:36px 10px 0} [data-scrollwheel=section-3] .vipInvitation dl dd ul li{font-size:12px;line-height:21px;color:#d3d3d3;letter-spacing:-0.7px} [data-scrollwheel=section-3] .vipInvitation dl dd p{padding-top:10px;font-weight:500;font-size:12px;color:#9e9282} [data-scrollwheel=section-3] .vipInvitation dl dd .btnMapView{position:relative;left:50%;margin-top:10px;padding:4px 37px 4px 20px;font-size:12px;font-weight:200;color:#fff;display:inline-block;background-color:#9e9282;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)} [data-scrollwheel=section-3] .vipInvitation dl dd .btnMapView:after{content:'';position:absolute;right:10px;top:51%;z-index:1;width:14px;height:4px;background:url("../../images/icon/m_icon_arrow_white.png") no-repeat right top;background-size:14px 4px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)} @-webkit-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes slideLeft{0%{left:-30px;opacity:0} 100%{left:0;opacity:1} } @keyframes slideLeft{0%{left:-30px;opacity:0} 100%{left:0;opacity:1} } @-webkit-keyframes slideDown2{0%{margin-top:-30px;opacity:0} 100%{margin-top:0px;opacity:1} } @keyframes slideDown2{0%{margin-top:-30px;opacity:0} 100%{margin-top:0px;opacity:1} } @-webkit-keyframes slideRight{0%{right:-30;opacity:0} 100%{right:0;opacity:1} } @keyframes slideRight{0%{right:-30;opacity:0} 100%{right:0;opacity:1} } [data-scrollwheel=section-4].focus .Performance ul li{min-height:86px} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(1):after{-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:lineFull;animation-name:lineFull;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(1) strong{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:textDown;animation-name:textDown;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(1) p{-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:textDown;animation-name:textDown;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(2):after{-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:lineFull;animation-name:lineFull;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(2) strong{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:textDown;animation-name:textDown;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(2) p{-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:textDown;animation-name:textDown;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(3):after{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:lineFull;animation-name:lineFull;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(3) strong{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:textDown;animation-name:textDown;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4].focus .Performance ul li:nth-child(3) p{-webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:textDown;animation-name:textDown;-webkit-animation-fill-mode:both;animation-fill-mode:both} [data-scrollwheel=section-4] .sectionTit{padding-left:0;padding-right:0} [data-scrollwheel=section-4] .Performance{margin-top:100%;min-height:272px} [data-scrollwheel=section-4] .Performance:after{content:'';position:absolute;left:0;top:90px;width:100%;height:100%;background:url("../../images/main/m_bg_hotel.jpg") no-repeat left top;background-size:100%} [data-scrollwheel=section-4] .Performance ul li{position:relative;padding-top:5px;text-align:left} [data-scrollwheel=section-4] .Performance ul li:after{content:'';position:absolute;top:31px;left:22px;width:100vw;height:1px;background-color:#a38862} [data-scrollwheel=section-4] .Performance ul li.other{margin-left:-5px} [data-scrollwheel=section-4] .Performance ul li.other:after{left:53px;width:100vw} [data-scrollwheel=section-4] .Performance ul li strong{margin-top:0px;font-size:30px;color:#a38862;line-height:1;display:inline-block} [data-scrollwheel=section-4] .Performance ul li p{margin-top:0px;padding:5px 0 0 20px;font-size:12px;line-height:18px;color:#000} @-webkit-keyframes lineFull{0%{width:0} 100%{width:100vw} } @keyframes lineFull{0%{width:0} 100%{width:100vw} } @-webkit-keyframes textDown{0%{margin-top:-40px;opacity:0} 100%{margin-top:0px;opacity:1} } @keyframes textDown{0%{margin-top:-40px;opacity:0} 100%{margin-top:0px;opacity:1} } @media screen and (orientation: landscape){#container #content .section[data-scrollwheel=section-3]{min-height:828px} .mainVisual .swiper-container .swiper-slide{min-height:607px} .mainVisual .swiper-container .swiper-slide.item1{height:calc(100vh + 470px)} .mainVisual .swiper-container .swiper-slide.item1.swiper-slide-active .slideCon:after{opacity:1} .mainVisual .swiper-container .swiper-slide.item1 .slideCon{margin:60vh auto 0} .mainVisual .swiper-container .swiper-slide.item1 .bg{background-position:center 40%} .mainVisual .swiper-container .swiper-slide.item2{height:calc(100vh + 470px)} .mainVisual .swiper-container .swiper-slide.item2 .bg{background-position:center bottom} .mainVisual .swiper-container .swiper-slide.item3{height:calc(100vh + 470px)} .mainVisual .swiper-container .swiper-slide.item3 .bg{background-position:center bottom} .mainVisual .swiper-container .swiper-slide br{display:none} .premiumSlide .swiper-container .swiper-slide:after{height:100vh} .premiumSlide .swiper-container .swiper-slide .slideCon{margin-top:calc(100vh + 30px)} .premiumSlide .swiper-container .swiper-slide .slideCon br{display:none} [data-scrollwheel=section-3] .sampleHouse{top:460px;padding:65px 47px 55px 159px} [data-scrollwheel=section-3] .sampleHouse:after{background-size:cover} [data-scrollwheel=section-3] .sampleHouse ul li{font-size:14px;line-height:22px} [data-scrollwheel=section-3] .sampleHouse .btnMapView{position:relative;left:50%;margin-top:20px;padding:8px 30px 8px 15px;font-size:12px;font-weight:200;color:#fff;display:inline-block;opacity:0;background-color:#9e9282;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)} [data-scrollwheel=section-3] .vipInvitation{padding:72px 25px 82px 58px} [data-scrollwheel=section-3] .vipInvitation:after{background-size:cover} [data-scrollwheel=section-3] .vipInvitation dl dt span{font-size:16px;line-height:28px} [data-scrollwheel=section-3] .vipInvitation dl dt p{font-size:19px;line-height:28px} [data-scrollwheel=section-3] .vipInvitation dl dd{padding-top:50px} [data-scrollwheel=section-3] .vipInvitation dl dd ul li{font-size:14px;line-height:25px} [data-scrollwheel=section-3] .vipInvitation dl dd p{padding-top:15px;font-size:14px} [data-scrollwheel=section-4] .Performance{margin-top:calc(100% - 130px)} [data-scrollwheel=section-4] .Performance ul li{min-height:120px} } .popup_box *{margin:0;padding:0} .popup_box{position:fixed;margin:0px;padding:0px;top:0px;left:0px;width:100%;height:100%;z-index:999} .popup_box:after{content:"";position:fixed;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:1} .popup_box .box{position:absolute;top:8%;left:5%;width:90%;max-height:90%;background:#fff;overflow:hidden;overflow-y:scroll;z-index:2} .popup_box .popup_head{font-size:12px;line-height:46px;font-weight:bold;text-indent:20px;color:#fff;height:46px;background:#305197;margin:0px;padding:0px} .popup_box .popup_body{position:relative} .popup_box .popup_body>a{display:block;line-height:0} .popup_box .popup_body img{margin:0px;padding:0px;width:100%;border:0px;display:block;line-height:0} .popup_box .popup_body .popup_info{position:absolute;width:1px;height:1px;overflow:hidden;z-index:-1} .popup_box .popup_body .btnlink{position:absolute;overflow:hidden;text-indent:-9999px} .popup_box .popup_footer{background-color:#4c4c4c;padding:10px 0 8px;text-align:center;color:#fff;font-size:12px} .popup_box .popup_footer label{margin-right:20px} .popup_box .popup_footer label span{color:#fff} .popup_box .popup_footer label input[type=checkbox]{margin:0 5px 0 0} .popup_box .popup_footer label span,.popup_box .popup_footer label input[type=checkbox]{vertical-align:middle;line-height:11px} .popup_box .popup_close{position:fixed;top:8%;right:5%} .popup_box .popup_close2{position:absolute;top:0px;right:0px;display:block;width:40px;height:40px;text-indent:-9999px} .popup_box .popup_close2:after{content:"";position:absolute;top:18px;left:6px;display:block;width:25px;height:2px;background:#fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)} .popup_box .popup_close2:before{content:"";position:absolute;top:18px;left:6px;display:block;width:25px;height:2px;background:#fff;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)} .popup_box .popup_close2.blue:after,.popup_box .popup_close2.blue:before{background:#0060a9} .etc-layout{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99999} .etc-layout:after{content:'';position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;background:#000;opacity:.48} .etc-layout .cont{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;max-width:500px;max-height:100%;overflow:hidden;overflow-y:scroll;z-index:1} .etc-layout .cont img{width:100%} .etc-layout .cont .layout_close{position:absolute;top:0px;right:0px;display:block;width:13%;height:13%;text-indent:-9999px} .icon{display:inline-block;vertical-align:top;overflow:hidden;text-indent:-9999px} #container #content .subBanner, #container #content .subBannerNoJs {position:relative;width:100%;/* height:150px; */font-family:'Pretendard', sans-serif;font-size:25px;font-weight:500;line-height:36px;color:#fff;letter-spacing:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;/* background:url("https://apt.ssyenc.com/skyheron/resources/mobile/images/sub/sub_banner.jpg") no-repeat center;background-size:cover */} #container #content .subBanner h2, #container #content .subBannerNoJs h2 {display:none; padding-bottom:40px;font-family:'Pretendard', sans-serif;font-size:25px;font-weight:500;color:#fff;letter-spacing:9px} #container #content .subBanner .location, #container #content .subBannerNoJs .location{/* position:absolute;left:50%;bottom:0; */z-index:3;/* width:calc(100% - 30px); */width:100%; height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;border-bottom:1px solid #e5e5e5;background-color:#fff;/* -webkit-transform:translate(-50%, 0);transform:translate(-50%, 0) */} #container #content .subBanner .location dl,#container #content .subBannerNoJs .location dl{width:50%} #container #content .subBanner .location dl.location_depth1 dd ul li ul,#container #content .subBannerNoJs .location dl.location_depth1 dd ul li ul{display:none} /* #container #content .subBanner .location dl.location_depth2 dt a, #container #content .subBannerNoJs .location dl.location_depth2 dt a{color:#9c8463;border-right:1px solid #e5e5e5} */ #container #content .subBanner .location dl.location_depth2 dd ul li,#container #content .subBannerNoJs .location dl.location_depth2 dd ul li{border-right:1px solid #e5e5e5} #container #content .subBanner .location dl.location_depth2 dt, #container #content .subBannerNoJs .location dl.location_depth2 dt {border-left:1px solid #e5e5e5;} #container #content .subBanner .location dl dt, #container #content .subBannerNoJs .location dl dt{/* border-left:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;background-color:#fff} #container #content .subBanner .location dl dt a,#container #content .subBannerNoJs .location dl dt a{position:relative;padding:12px 37px 12px 15px;font-size:14px;line-height:1;color:#222;text-align:left;letter-spacing:1px;display:block} #container #content .subBanner .location dl dt a.on,#container #content .subBannerNoJs .location dl dt a.on{color:#3711b9} #container #content .subBanner .location dl dt a.on:after,#container #content .subBannerNoJs .location dl dt a.on:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)} #container #content .subBanner .location dl dt a:after,#container #content .subBannerNoJs .location dl dt a:after{content:'';position:absolute;right:15px;top:17px;width:7px;height:4px;display:block;background:url("../../images/icon/m_icon_select.png") no-repeat left bottom;background-size:7px 4px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s} #container #content .subBanner .location dl dd,#container #content .subBannerNoJs .location dl dd{display:none;background-color:#fff} #container #content .subBanner .location dl dd ul li,#container #content .subBannerNoJs .location dl dd ul li{width:calc(100% - 1px);border:1px solid #e5e5e5;border-top:0} #container #content .subBanner .location dl dd ul li a,#container #content .subBannerNoJs .location dl dd ul li a{padding:12px 37px 12px 15px;font-size:14px;line-height:1;color:#222;text-align:left;letter-spacing:1px;display:block} #container #content .sub-title {margin-top:24px; font-size:30px; font-weight:500; text-align:center;} #container #content .tits {margin-bottom:20px; font-size:21px; font-weight:400; line-height:1.2; color:#050505; letter-spacing:-1px; text-align:left;} #container #content .tits p + p {margin-top:5px;} #container #content .tits strong {font-weight:800;} #container #content .subWrap{padding:40px 0 50px} #container #content .inner,#container #content .innerNoJs{min-width:320px;-webkit-box-sizing:border-box;box-sizing:border-box} #container #content .inner h3,#container #content .innerNoJs h3{position:relative;padding-bottom:17px;font-family:'Pretendard', sans-serif;font-size:27px;color:#222;letter-spacing:6px;text-align:center} #container #content .inner h3:after,#container #content .innerNoJs h3:after{content:'';position:absolute;bottom:0;left:50%;width:12px;height:2px;background-color:#0f264e;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)} #container #content .inner h3+*,#container #content .innerNoJs h3+*{margin-top:25px} #container #content .inner h3+iframe,#container #content .innerNoJs h3+iframe{margin-top:0px} #container #content .inner .select-box,#container #content .innerNoJs .select-box{position:relative;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box} #container #content .inner .select-box.type01 .val-box .val,#container #content .innerNoJs .select-box.type01 .val-box .val{padding-left:19px;color:#fff;line-height:45px;background-color:#787878;text-align:left;font-weight:300} #container #content .inner .select-box.type01 .select-lists,#container #content .innerNoJs .select-box.type01 .select-lists{border:1px solid #787878} #container #content .inner .select-box.type01 .select-lists li .btn,#container #content .innerNoJs .select-box.type01 .select-lists li .btn{color:#636363} #container #content .inner .select-box.type02 .val-box,#container #content .innerNoJs .select-box.type02 .val-box{border:1px solid #e5e5e5} #container #content .inner .select-box.type02 .val-box .val,#container #content .innerNoJs .select-box.type02 .val-box .val{padding-left:14px;color:#777777;background-color:#f7f7f7} #container #content .inner .select-box.type02 .select-lists,#container #content .innerNoJs .select-box.type02 .select-lists{border:1px solid #d6d6d6} #container #content .inner .select-box.type02 .select-lists li .btn,#container #content .innerNoJs .select-box.type02 .select-lists li .btn{color:#636363} #container #content .inner .select-box.type03 .val-box .val,#container #content .innerNoJs .select-box.type03 .val-box .val{color:#fff;line-height:45px;background-color:#dc0022;text-align:center} #container #content .inner .select-box.type03 .select-lists,#container #content .innerNoJs .select-box.type03 .select-lists{border:1px solid #dc0022} #container #content .inner .select-box.type03 .select-lists li .btn,#container #content .innerNoJs .select-box.type03 .select-lists li .btn{color:#636363} #container #content .inner .select-box.type04 .val-box .val,#container #content .innerNoJs .select-box.type04 .val-box .val{color:#fff;line-height:45px;background-color:#9e9282;text-align:center} #container #content .inner .select-box.type04 .val-box .val:after,#container #content .innerNoJs .select-box.type04 .val-box .val:after{background-image:url(../../images/icon/m_tab.png)} #container #content .inner .select-box.type04 .select-lists,#container #content .innerNoJs .select-box.type04 .select-lists{border:1px solid #9e9282} #container #content .inner .select-box.type04 .select-lists li .btn,#container #content .innerNoJs .select-box.type04 .select-lists li .btn{color:#636363} #container #content .inner .select-box.type05 .val-box .val:after, #container #content .innerNoJs .select-box.type05 .val-box .val:after {background:url(../../images/skyheron/ico_select.png) 0 0 / cover no-repeat; width:15px; height:8px; transform:rotate(-180deg);} #container #content .inner .select-box.type05 .val-box,#container #content .innerNoJs .select-box.type05 .val-box{border:1px solid #3711b9} #container #content .inner .select-box.type05 .val-box .val,#container #content .innerNoJs .select-box.type05 .val-box .val{padding-left:19px;color:#fff;background-color:#3711b9; text-align:left;} #container #content .inner .select-box.type05 .select-lists,#container #content .innerNoJs .select-box.type05 .select-lists{border:1px solid #d6d6d6} #container #content .inner .select-box.type05 .select-lists li + li ,#container #content .innerNoJs .select-box.type05 .select-lists li + li {border-top:1px solid #ddd;} #container #content .inner .select-box.type05 .select-lists li .btn,#container #content .innerNoJs .select-box.type05 .select-lists li .btn{color:#444; background:#f5f5f5; height:40px; line-height:40px;} .search-area-type .search-box .select-box.type06 {margin-top:35px;} #container #content .inner .select-box.type06 .val-box .val:after, #container #content .innerNoJs .select-box.type06 .val-box .val:after {background:url(../../images/skyheron/ico_select2.png) 0 0 / cover no-repeat; width:15px; height:8px;} #container #content .inner .select-box.type06 .val-box,#container #content .innerNoJs .select-box.type06 .val-box{border:none; border-bottom:1px solid #050505; text-align:left;} #container #content .inner .select-box.type06 .val-box .val,#container #content .innerNoJs .select-box.type06 .val-box .val{padding-left:15px;color:#050505;background-color:transparent; font-weight:400;} #container #content .inner .select-box.type06 .select-lists,#container #content .innerNoJs .select-box.type06 .select-lists{border:1px solid #d6d6d6} #container #content .inner .select-box.type06 .select-lists li + li ,#container #content .innerNoJs .select-box.type06 .select-lists li + li {border-top:1px solid #dddddd;} #container #content .inner .select-box.type06 .select-lists li .btn,#container #content .innerNoJs .select-box.type06 .select-lists li .btn{color:#444; line-height:38px; height:38px;} /* #container #content .inner .select-box.on .val-box .val:after,#container #content .innerNoJs .select-box.on .val-box .val:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} */ #container #content .inner .select-box.on .val-box .val:after,#container #content .innerNoJs .select-box.on .val-box .val:after{transform:rotate(0deg)} #container #content .inner .select-box+.content,#container #content .innerNoJs .select-box+.content{padding-top:30px} #container #content .inner .select-box .val-box,#container #content .innerNoJs .select-box .val-box{position:relative} #container #content .inner .select-box .val-box .val,#container #content .innerNoJs .select-box .val-box .val{position:relative;font-size:16px;font-weight:300;line-height:43px;display:block} #container #content .inner .select-box .val-box .val:after,#container #content .innerNoJs .select-box .val-box .val:after{content:'';position:absolute;right:17px;top:18px;width:15px;height:8px;background:url(../../images/icon/m_icon_select.png) no-repeat left top;background-size:15px 8px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease} #container #content .inner .select-box .val-box .btn-select-open,#container #content .innerNoJs .select-box .val-box .btn-select-open{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background-color:transparent;outline:none} #container #content .inner .select-box .val-box .icon,#container #content .innerNoJs .select-box .val-box .icon{position:absolute;top:18px;right:17px;width:15px;height:8px} #container #content .inner .select-box .select-lists,#container #content .innerNoJs .select-box .select-lists{position:absolute;top:44px;left:0;width:100%;display:none;background-color:#fff;z-index:1;max-height:250px;overflow-y:auto;border:1px solid #787878;border-top:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch} #container #content .inner .select-box .select-lists li .btn,#container #content .innerNoJs .select-box .select-lists li .btn{display:block;color:#636363;padding-left:19px;font-size:16px;height:45px;line-height:45px;text-align:left;border:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} #container #content .subWrap .inner .content.full{margin-left: -15px; width: calc(100% + 30px); } #container #content .subWrap.pb0{padding-bottom: 0; font-size: 0;} .tab-btn-line {width:100%;} .tab-btn-line ul {width:100%; display:flex; justify-content:space-between; align-items:center;} .tab-btn-line ul + ul {margin-top:2px;} .tab-btn-line ul li {flex:1;} .tab-btn-line ul li + li {margin-left:2px;} .tab-btn-line ul li a {width:100%; height:60px; display:flex; justify-content:center; align-items:center; background:#f5f5f5; color:#bcbcbc; font-size:20px; font-weight:400;} .tab-btn-line ul li a.on {background:#3711b9; color:#fff; font-weight:700;} .tab-btn-line.tab-typ-ect ul {justify-content:space-evenly;} .tab-btn-line.tab-typ-ect ul li {flex:none;} .tab-btn-line.tab-typ-ect ul li + li {margin-left:5px;} .tab-btn-line.tab-typ-ect ul li a {padding:10px 0; height:auto; background:none; font-size:17px; color:#050505;} .tab-btn-line.tab-typ-ect ul li a.on {font-weight:bold; color:#3711b9; border-top:2px solid #3711b9;} .tab-btn-line + * {margin-top:20px;} div[data-tabbox], div[data-tabbox1], div[data-tabbox2], div[data-tabbox3], div[data-tabbox4], div[data-tabbox5], div[data-tabbox6], div[data-tabbox7], div[data-tabbox8], div[data-tabbox9], div[data-tabbox10] {display:none;} #container #content .inner .content img,#container #content .innerNoJs .content img{width:100%} #container #content .inner #A,#container #content .innerNoJs #A{padding-top:0;width:100%} #container #content .inner #A.on,#container #content .innerNoJs #A.on{position:absolute;top:0;left:-9999px;z-index:-1} #container #content .inner #B,#container #content .innerNoJs #B{padding-top:0;width:100%} #container #content .inner #B.on,#container #content .innerNoJs #B.on{position:absolute;top:0;left:-9999px;z-index:-1} #container #content .inner .visit-intro,#container #content .innerNoJs .visit-intro{position:relative;width:100%} #container #content .inner .visit-intro .box,#container #content .innerNoJs .visit-intro .box{position:relative;width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(https://apt.ssyenc.com/skyheron/resources/mobile/images/sub/customer/visit-intro-bg.gif) 0 0 no-repeat #c6c0b6;background-size:100% auto} #container #content .inner .visit-intro .box .logo,#container #content .innerNoJs .visit-intro .box .logo{display:block;width:45px;height:20px;margin:0 auto;text-indent:-9999px;overflow:hidden;background:url(https://apt.ssyenc.com/skyheron/resources/mobile/images/sub/customer/logo.png) 0 0 no-repeat;background-size:cover} #container #content .inner .visit-intro .box .box-radius,#container #content .innerNoJs .visit-intro .box .box-radius{width:100%;padding:0 10px 30px;margin-top:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;background:#fff} #container #content .inner .visit-intro .box .box-radius .tit,#container #content .innerNoJs .visit-intro .box .box-radius .tit{width:100%;padding-top:30px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;line-height:1.4;letter-spacing:-1px;text-align:center;color:#494949} #container #content .inner .visit-intro .box .box-radius .tit strong,#container #content .innerNoJs .visit-intro .box .box-radius .tit strong{color:#1899a0} #container #content .inner .visit-intro .box .box-radius .tit .visit-img,#container #content .innerNoJs .visit-intro .box .box-radius .tit .visit-img{padding:40px 0 0;text-align:center} #container #content .inner .visit-intro .box .box-radius .tit .visit-img img,#container #content .innerNoJs .visit-intro .box .box-radius .tit .visit-img img{width:100%} #container #content .inner .visit-intro .box .box-radius .in-box,#container #content .innerNoJs .visit-intro .box .box-radius .in-box{width:100%;padding:30px 15px;margin-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f7f7f7;text-align:left} #container #content .inner .visit-intro .box .box-radius .in-box dl,#container #content .innerNoJs .visit-intro .box .box-radius .in-box dl{width:100%;max-width:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap} #container #content .inner .visit-intro .box .box-radius .in-box dl+dl,#container #content .innerNoJs .visit-intro .box .box-radius .in-box dl+dl{margin-top:10px} #container #content .inner .visit-intro .box .box-radius .in-box dl dt,#container #content .innerNoJs .visit-intro .box .box-radius .in-box dl dt{width:90px} #container #content .inner .visit-intro .box .box-radius .in-box dl dt span,#container #content .innerNoJs .visit-intro .box .box-radius .in-box dl dt span{display:inline-block;padding:4px 12px;border-radius:15px;background:#9e9282;color:#fff;font-size:12px} #container #content .inner .visit-intro .box .box-radius .in-box dl dd,#container #content .innerNoJs .visit-intro .box .box-radius .in-box dl dd{width:calc(100% - 90px);padding-top:4px;text-align:left;font-size:12px} #container #content .inner .visit-intro .box .btn-line,#container #content .innerNoJs .visit-intro .box .btn-line{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #container #content .inner .visit-intro .box .btn-line a,#container #content .inner .visit-intro .box .btn-line button,#container #content .innerNoJs .visit-intro .box .btn-line a,#container #content .innerNoJs .visit-intro .box .btn-line button{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 10px;background-color:#9e9282;color:#fff;font-size:14px} #container #content .inner .visit-intro .box .btn-line a+a,#container #content .inner .visit-intro .box .btn-line a+button,#container #content .inner .visit-intro .box .btn-line button+a,#container #content .inner .visit-intro .box .btn-line button+button,#container #content .innerNoJs .visit-intro .box .btn-line a+a,#container #content .innerNoJs .visit-intro .box .btn-line a+button,#container #content .innerNoJs .visit-intro .box .btn-line button+a,#container #content .innerNoJs .visit-intro .box .btn-line button+button{margin-left:10px;background-color:#979797} #container #content .inner .visit-intro>.txt,#container #content .innerNoJs .visit-intro>.txt{margin-top:15px;padding-left:16px;text-indent:-16px;font-size:12px;color:#888;text-align:left} #container #content .inner .visit-intro>.txt+.txt,#container #content .innerNoJs .visit-intro>.txt+.txt{margin-top:0px} #container #content .inner .visit-write>.tit,#container #content .innerNoJs .visit-write>.tit{text-align:center;margin-bottom:25px} #container #content .inner .visit-write>.tit span,#container #content .innerNoJs .visit-write>.tit span{display:inline-block;padding:6px 20px;border-radius:30px;font-size:12px;color:#fff;background:#0f264e} #container #content .inner .visit-write .ic-write .terms-tit,#container #content .innerNoJs .visit-write .ic-write .terms-tit{font-size:20px;color:#9e9282;padding-bottom:0px} #container #content .inner .visit-write .ic-write .terms-tit:after,#container #content .innerNoJs .visit-write .ic-write .terms-tit:after{display:none} #container #content .inner .visit-write .ic-write .terms-tit span,#container #content .innerNoJs .visit-write .ic-write .terms-tit span{display:block;font-size:13px;color:#444444;margin-bottom:10px;letter-spacing:0} #container #content .inner .visit-complete>.tit,#container #content .innerNoJs .visit-complete>.tit{text-align:center;margin-bottom:25px} #container #content .inner .visit-complete>.tit span,#container #content .innerNoJs .visit-complete>.tit span{display:inline-block;padding:6px 20px;border-radius:30px;font-size:12px;color:#fff;background:#0f264e} #container #content .inner .visit-complete .btit,#container #content .innerNoJs .visit-complete .btit{margin-top:0px;font-size:20px;color:#9e9282;font-weight:400;text-align:center} #container #content .inner .visit-complete .btit span,#container #content .innerNoJs .visit-complete .btit span{display:block;margin-bottom:4px;font-size:13px;color:#444} #container #content .inner .visit-complete>.in-box,#container #content .innerNoJs .visit-complete>.in-box{width:100%;margin-top:40px;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f7f7f7} #container #content .inner .visit-complete>.in-box+.txt,#container #content .innerNoJs .visit-complete>.in-box+.txt{margin-top:20px} #container #content .inner .visit-complete>.in-box ul,#container #content .innerNoJs .visit-complete>.in-box ul{width:100%;max-width:320px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box} #container #content .inner .visit-complete>.in-box ul li,#container #content .innerNoJs .visit-complete>.in-box ul li{position:relative;width:100%;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box} #container #content .inner .visit-complete>.in-box ul li+li,#container #content .innerNoJs .visit-complete>.in-box ul li+li{border-top:1px dashed #d6d6d6} #container #content .inner .visit-complete>.in-box ul li dl,#container #content .innerNoJs .visit-complete>.in-box ul li dl{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap} #container #content .inner .visit-complete>.in-box ul li dl+dl,#container #content .innerNoJs .visit-complete>.in-box ul li dl+dl{margin-top:10px} #container #content .inner .visit-complete>.in-box ul li dl dt,#container #content .innerNoJs .visit-complete>.in-box ul li dl dt{width:90px} #container #content .inner .visit-complete>.in-box ul li dl dt span,#container #content .innerNoJs .visit-complete>.in-box ul li dl dt span{display:inline-block;min-width:75px;padding:4px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:15px;text-align:center;background:#9e9282;color:#fff;font-size:12px} #container #content .inner .visit-complete>.in-box ul li dl dd,#container #content .innerNoJs .visit-complete>.in-box ul li dl dd{width:calc(100% - 90px);padding-top:4px;font-size:12px} #container #content .inner .visit-complete>.txt,#container #content .innerNoJs .visit-complete>.txt{color:#888;font-size:12px;padding-left:16px;text-indent:-16px} #container #content .inner .visit-complete>.txt+.txt,#container #content .innerNoJs .visit-complete>.txt+.txt{margin-top:5px} #container #content .inner .visit-complete .btn-line,#container #content .innerNoJs .visit-complete .btn-line{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #container #content .inner .visit-complete .btn-line a,#container #content .inner .visit-complete .btn-line button,#container #content .innerNoJs .visit-complete .btn-line a,#container #content .innerNoJs .visit-complete .btn-line button{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 10px;background-color:#9e9282;color:#fff;font-size:14px;text-align:center} #container #content .inner .visit-complete .btn-line a+a,#container #content .inner .visit-complete .btn-line a+button,#container #content .inner .visit-complete .btn-line button+a,#container #content .inner .visit-complete .btn-line button+button,#container #content .innerNoJs .visit-complete .btn-line a+a,#container #content .innerNoJs .visit-complete .btn-line a+button,#container #content .innerNoJs .visit-complete .btn-line button+a,#container #content .innerNoJs .visit-complete .btn-line button+button{margin-left:10px;background-color:#979797} #container #content .inner .subTit,#container #content .innerNoJs .subTit{font-size:21px;font-weight:bold;color:#063054;text-align:center} #container #content .inner .subTit+div,#container #content .innerNoJs .subTit+div{padding-top:20px} #container #content .inner .subTit span,#container #content .innerNoJs .subTit span{color:#10a3ac} #container #content .inner .subTit em,#container #content .innerNoJs .subTit em{font-size:15px;font-weight:300;font-style:normal} #container #content .inner .info-box,#container #content .innerNoJs .info-box{background-color:#f7f7f7;margin-top:40px;padding:20px 0 20px;text-align:center} #container #content .inner .info-box+.info-box,#container #content .innerNoJs .info-box+.info-box{position:relative;margin-top:0} #container #content .inner .info-box+.info-box:after,#container #content .innerNoJs .info-box+.info-box:after{content:'';position:absolute;top:0;left:30px;right:30px;width:calc(100% - 60px);height:1px;background:#dedede} #container #content .inner .info-box .info-txt,#container #content .innerNoJs .info-box .info-txt{display:block;padding:0 20px;font-size:20px;line-height:30px;color:#333;font-weight:400;vertical-align:top} #container #content .inner .info-box .btn-box,#container #content .innerNoJs .info-box .btn-box{display:inline-block;vertical-align:top;margin-top:15px} #container #content .inner .info-box .btn-box .btn-pdf,#container #content .innerNoJs .info-box .btn-box .btn-pdf{background-color:#9e9282;border-radius:20px;overflow:hidden;margin-left:17px} #container #content .inner .info-box .btn-box .btn-pdf span,#container #content .innerNoJs .info-box .btn-box .btn-pdf span{display:inline-block;padding:0 32px;line-height:40px;font-size:16px;color:#fff;font-weight:400;cursor:pointer} #container #content .inner .login .point01,#container #content .innerNoJs .login .point01{color:#9e9282 !important} #container #content .inner .login .head-box,#container #content .innerNoJs .login .head-box{text-align:center} #container #content .inner .login .head-box .tit,#container #content .innerNoJs .login .head-box .tit{position:relative;font-size:35px;font-weight:400;padding:0px;letter-spacing:0} #container #content .inner .login .head-box .tit:after,#container #content .innerNoJs .login .head-box .tit:after{display:none} #container #content .inner .login .head-box .tit:before,#container #content .innerNoJs .login .head-box .tit:before{content:"";position:absolute;bottom:-22px;left:50%;width:21px;margin-left:-10px;height:1px;background-color:#9e9282} #container #content .inner .login .head-box .txt,#container #content .innerNoJs .login .head-box .txt{display:block;margin-top:40px;font:300 16px/24px "Noto Sans KR",sans-serif;color:#636363} #container #content .inner .login .form-area,#container #content .innerNoJs .login .form-area{margin:35px auto 0} #container #content .inner .login .form-area .input-box,#container #content .innerNoJs .login .form-area .input-box{display:block;vertical-align:top;margin-top:10px} #container #content .inner .login .form-area .input-box .inp-txt,#container #content .innerNoJs .login .form-area .input-box .inp-txt{border:1px solid #e5e5e5;background-color:#f7f7f7;height:45px;padding:12px 0;line-height:19px;padding-left:18px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%} #container #content .inner .login .form-area .input-box .inp-txt::-webkit-input-placeholder,#container #content .innerNoJs .login .form-area .input-box .inp-txt::-webkit-input-placeholder{color:#a8a8a8;line-height:19px;font-size:16px} #container #content .inner .login .form-area .input-box .inp-txt::-moz-placeholder,#container #content .innerNoJs .login .form-area .input-box .inp-txt::-moz-placeholder{color:#a8a8a8;line-height:19px;font-size:16px} #container #content .inner .login .form-area .input-box .inp-txt:-ms-input-placeholder,#container #content .innerNoJs .login .form-area .input-box .inp-txt:-ms-input-placeholder{color:#a8a8a8;line-height:19px;font-size:16px} #container #content .inner .login .form-area .input-box .inp-txt:-moz-placeholder,#container #content .innerNoJs .login .form-area .input-box .inp-txt:-moz-placeholder{color:#a8a8a8;line-height:19px;font-size:16px} #container #content .inner .login .form-area .inp-check,#container #content .innerNoJs .login .form-area .inp-check{margin-top:15px} #container #content .inner .login .form-area .inp-check .check-txt,#container #content .innerNoJs .login .form-area .inp-check .check-txt{line-height:18px;padding-left:28px;min-height:18px} #container #content .inner .login .form-area .inp-check .check-txt .icon-check,#container #content .innerNoJs .login .form-area .inp-check .check-txt .icon-check{width:16px;height:16px} #container #content .inner .login .form-area .inp-check .check-txt .icon-check:before,#container #content .innerNoJs .login .form-area .inp-check .check-txt .icon-check:before{background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-573px -364px;width:17px;height:17px} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){#container #content .inner .login .form-area .inp-check .check-txt .icon-check:before,#container #content .innerNoJs .login .form-area .inp-check .check-txt .icon-check:before{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } #container #content .inner .login .btn-area,#container #content .innerNoJs .login .btn-area{margin-top:25px} #container #content .inner .login .btn-area .btn-login,#container #content .innerNoJs .login .btn-area .btn-login{display:block;width:100%;line-height:45px;text-align:center;background-color:#9e9282;color:#fff;font-size:16px;font-weight:300} #container #content .inner .login .btn-area .btn-join,#container #content .innerNoJs .login .btn-area .btn-join{margin-top:10px;display:block;width:100%;line-height:43px;text-align:center;color:#9e9282;font-size:16px;font-weight:300;border:1px solid #9e9282} #container #content .inner .login .etc-list,#container #content .innerNoJs .login .etc-list{display:inline-block;vertical-align:top;margin-top:25px;width:100%;text-align:center} #container #content .inner .login .etc-list li.find,#container #content .innerNoJs .login .etc-list li.find{display:inline-block;margin-left:27px;position:relative;padding-right:15px;line-height:1.1} #container #content .inner .login .etc-list li.find:first-child,#container #content .innerNoJs .login .etc-list li.find:first-child{margin-left:0} #container #content .inner .login .etc-list li.find:before,#container #content .innerNoJs .login .etc-list li.find:before{content:"";display:inline-block;position:absolute;top:5px;right:0;background-image:url(../../images/sprite/common%EF%B9%964103590040515.png);background-position:-593px -421px;width:5px;height:10px} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){#container #content .inner .login .etc-list li.find:before,#container #content .innerNoJs .login .etc-list li.find:before{background-image:url(../../images/sprite/common@2x%EF%B9%964103590040515.png);background-size:598px 555px} } #container #content .inner .login .etc-list li.find a,#container #content .innerNoJs .login .etc-list li.find a{font-size:16px;color:#636363} #container #content .tabCon{padding-top:30px;display:none} #container #content .tabCon .popBtn{margin-top:20px;text-align:right} #container #content .tabCon .popBtn.tc{text-align:center} #container #content .tabCon .popBtn a{display:inline-block;width:calc(50% - 7px);border:2px solid #9e9282;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 30px 10px 10px;font-size:15px;color:#9e9282} #container #content .tabCon .popBtn a+a{margin-left:10px;border:2px solid #979797} .etc-text{padding-top:20px} .etc-text li{padding-left:12px;font-size:12px;line-height:18px;color:#666;text-align:left;text-indent:-12px} .etc-text2{padding-top:20px} .etc-text2 li{padding-left:15px;font-size:12px;line-height:18px;color:#333;text-align:left;text-indent:-15px} #wrap #contentArea #container .select-box.type04 .select-lists{border:1px solid #9e9282} #wrap #contentArea #container .select-box.type04 .select-lists li .btn{color:#636363} #wrap #contentArea #container .select-box.on .val-box .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)} .ic-write,.visit-complete{text-align:left} .ic-write .btit,.visit-complete .btit{margin-top:35px;font-size:25px;color:#333;font-weight:400;text-align:center} .ic-write .term-area,.visit-complete .term-area{padding:15px 15px;border:1px solid #d6d6d6} .ic-write .term-area .term-box,.visit-complete .term-area .term-box{height:250px;overflow-y:auto} .ic-write .term-area .term-box .term,.visit-complete .term-area .term-box .term{font:300 16px/26px "Noto Sans KR",sans-serif;color:#636363} .ic-write .term-area .term-box .term strong,.visit-complete .term-area .term-box .term strong{display:block;font-weight:300} .ic-write .term-area .term-box .term .agree-tbl,.visit-complete .term-area .term-box .term .agree-tbl{border-top:1px solid #a8a8a8} .ic-write .term-area .term-box .term .agree-tbl table thead tr,.ic-write .term-area .term-box .term .agree-tbl table tbody tr,.visit-complete .term-area .term-box .term .agree-tbl table thead tr,.visit-complete .term-area .term-box .term .agree-tbl table tbody tr{padding:15px 0;border-bottom:1px solid #d6d6d6} .ic-write .term-area .term-box .term .agree-tbl table thead th,.ic-write .term-area .term-box .term .agree-tbl table tbody th,.visit-complete .term-area .term-box .term .agree-tbl table thead th,.visit-complete .term-area .term-box .term .agree-tbl table tbody th{font-size:16px;font-weight:400;color:#333} .ic-write .term-area .term-box .term .agree-tbl table thead th .star,.ic-write .term-area .term-box .term .agree-tbl table tbody th .star,.visit-complete .term-area .term-box .term .agree-tbl table thead th .star,.visit-complete .term-area .term-box .term .agree-tbl table tbody th .star{position:absolute;margin:4px 0 0 6px;color:#9e9282} .ic-write .term-area .term-box .term .agree-tbl table thead td,.ic-write .term-area .term-box .term .agree-tbl table tbody td,.visit-complete .term-area .term-box .term .agree-tbl table thead td,.visit-complete .term-area .term-box .term .agree-tbl table tbody td{margin-top:10px;font-size:16px;color:#636363;text-align:left;vertical-align:middle} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-radio,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-radio,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-radio,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-radio{vertical-align:middle;margin-top:-4px} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-radio .inp-radio,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-radio .inp-radio,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-radio .inp-radio,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-radio .inp-radio{margin:14px 27px 0 0} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-radio .inp-radio:first-child,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-radio .inp-radio:first-child,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-radio .inp-radio:first-child,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-radio .inp-radio:first-child{margin-left:0} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-birthday,.ic-write .term-area .term-box .term .agree-tbl table thead td.td-phone,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-birthday,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-phone,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-birthday,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-phone,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-birthday,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-phone{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-birthday>*:nth-of-type(2),.ic-write .term-area .term-box .term .agree-tbl table thead td.td-phone>*:nth-of-type(2),.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-birthday>*:nth-of-type(2),.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-phone>*:nth-of-type(2),.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-birthday>*:nth-of-type(2),.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-phone>*:nth-of-type(2),.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-birthday>*:nth-of-type(2),.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-phone>*:nth-of-type(2){margin:0 7px} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-birthday .input-box,.ic-write .term-area .term-box .term .agree-tbl table thead td.td-phone .input-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-birthday .input-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-phone .input-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-birthday .input-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-phone .input-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-birthday .input-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-phone .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-birthday .select-box,.ic-write .term-area .term-box .term .agree-tbl table thead td.td-phone .select-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-birthday .select-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-phone .select-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-birthday .select-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-phone .select-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-birthday .select-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-phone .select-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-id .td-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-id .td-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-id .td-box:first-child,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-id .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box:first-child{margin-top:0} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-id .td-box .input-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-id .td-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-id .td-box .txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box .txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-id .td-box .txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-id .td-box .txt{width:35px;text-align:center} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-txt{margin-top:6px} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-txt .txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-txt .txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-txt .txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-txt .txt{padding:0;font:300 16px/24px "Noto Sans KR",sans-serif;color:#636363} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-email .td-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-email .td-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-email .td-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-email .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-email .td-box:first-child,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-email .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-email .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-email .td-box:first-child{margin-top:0} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-email .td-box .txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-email .td-box .txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-email .td-box .txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-email .td-box .txt{width:35px;text-align:center} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-address .td-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-address .td-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-address .td-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-address .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-address .td-box:first-child,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-address .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-address .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-address .td-box:first-child{margin-top:0} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-address .td-box .input-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-address .td-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-address .td-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-address .td-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box:first-child,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box:first-child,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box:first-child{margin-top:0} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box .input-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box .s-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box .s-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box .s-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box .s-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;width:50%} .ic-write .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box .s-box .txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box .s-box .txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td.td-ap .td-box .s-box .txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td.td-ap .td-box .s-box .txt{padding:0 10px 0 5px} .ic-write .term-area .term-box .term .agree-tbl table thead td .file-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td .file-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td .file-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .file-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch} .ic-write .term-area .term-box .term .agree-tbl table thead td .file-box .hidden-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td .file-box .hidden-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td .file-box .hidden-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .file-box .hidden-box{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} .ic-write .term-area .term-box .term .agree-tbl table thead td .file-box .hidden-box input[type="file"],.ic-write .term-area .term-box .term .agree-tbl table tbody td .file-box .hidden-box input[type="file"],.visit-complete .term-area .term-box .term .agree-tbl table thead td .file-box .hidden-box input[type="file"],.visit-complete .term-area .term-box .term .agree-tbl table tbody td .file-box .hidden-box input[type="file"]{opacity:0;filter:alpha(opacity=0)} .ic-write .term-area .term-box .term .agree-tbl table thead td .file-box .input-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td .file-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td .file-box .input-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .file-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .term-area .term-box .term .agree-tbl table thead td .file-box .btn-file,.ic-write .term-area .term-box .term .agree-tbl table tbody td .file-box .btn-file,.visit-complete .term-area .term-box .term .agree-tbl table thead td .file-box .btn-file,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .file-box .btn-file{margin-left:7px;text-align:center;line-height:45px;background-color:#636363;color:#fff;font-size:16px;padding:0 25px;font-weight:400} .ic-write .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea,.ic-write .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea,.visit-complete .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea{width:100%;border:1px solid #e5e5e5;background-color:#f7f7f7;height:195px;line-height:34px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top} .ic-write .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea::-webkit-input-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea::-webkit-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea::-webkit-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea::-webkit-input-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea::-moz-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea::-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea::-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea::-moz-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea:-ms-input-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea:-ms-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea:-ms-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea:-ms-input-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea:-moz-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea:-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .textarea-box textarea:-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .textarea-box textarea:-moz-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .info-txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td .info-txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td .info-txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .info-txt{padding:6px 0 0;margin-bottom:-4px;font-size:16px;line-height:24px;color:#636363} .ic-write .term-area .term-box .term .agree-tbl table thead td .input-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td .input-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td .input-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .input-box{display:inline-block;vertical-align:top;width:100%} .ic-write .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt{font-size:16px;border:1px solid #e5e5e5;background-color:#f7f7f7;height:45px;padding:12px 0;line-height:19px;text-indent:14px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .ic-write .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt::-webkit-input-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt::-webkit-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt::-webkit-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt::-webkit-input-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt::-moz-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt::-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt::-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt::-moz-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt:-ms-input-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt:-ms-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt:-ms-input-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt:-ms-input-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt:-moz-placeholder,.ic-write .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt:-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt:-moz-placeholder,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt:-moz-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt:readonly,.ic-write .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt:readonly,.visit-complete .term-area .term-box .term .agree-tbl table thead td .input-box .inp-txt:readonly,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .input-box .inp-txt:readonly{-webkit-opacity:1} .ic-write .term-area .term-box .term .agree-tbl table thead td .select-box,.ic-write .term-area .term-box .term .agree-tbl table tbody td .select-box,.visit-complete .term-area .term-box .term .agree-tbl table thead td .select-box,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .select-box{width:100%} .ic-write .term-area .term-box .term .agree-tbl table thead td .select-box .val-box .val,.ic-write .term-area .term-box .term .agree-tbl table tbody td .select-box .val-box .val,.visit-complete .term-area .term-box .term .agree-tbl table thead td .select-box .val-box .val,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .select-box .val-box .val{padding-left:14px} .ic-write .term-area .term-box .term .agree-tbl table thead td .select-box .select-lists li .btn,.ic-write .term-area .term-box .term .agree-tbl table tbody td .select-box .select-lists li .btn,.visit-complete .term-area .term-box .term .agree-tbl table thead td .select-box .select-lists li .btn,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .select-box .select-lists li .btn{padding-left:14px} .ic-write .term-area .term-box .term .agree-tbl table thead td .txt,.ic-write .term-area .term-box .term .agree-tbl table tbody td .txt,.visit-complete .term-area .term-box .term .agree-tbl table thead td .txt,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .txt{font-size:16px;color:#636363;line-height:45px;vertical-align:top} .ic-write .term-area .term-box .term .agree-tbl table thead td .btn-search,.ic-write .term-area .term-box .term .agree-tbl table tbody td .btn-search,.visit-complete .term-area .term-box .term .agree-tbl table thead td .btn-search,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .btn-search{margin-left:5px;width:102px;text-align:center;color:#fff;line-height:45px;background-color:#636363;font-size:14px;font-weight:300} .ic-write .term-area .term-box .term .agree-tbl table thead td .btn-gray-color,.ic-write .term-area .term-box .term .agree-tbl table tbody td .btn-gray-color,.visit-complete .term-area .term-box .term .agree-tbl table thead td .btn-gray-color,.visit-complete .term-area .term-box .term .agree-tbl table tbody td .btn-gray-color{margin-left:5px;width:102px;text-align:center;color:#fff;line-height:45px;background-color:#636363;font-size:14px;font-weight:300} .ic-write .agree-area,.visit-complete .agree-area{margin-top:25px;text-align:center} .ic-write .agree-area .inp-radio,.visit-complete .agree-area .inp-radio{display:inline-block;margin-left:22px} .ic-write .agree-area .inp-radio:first-child,.visit-complete .agree-area .inp-radio:first-child{margin-left:0} .ic-write .t-head-box,.visit-complete .t-head-box{margin-top:40px;padding-bottom:10px} .ic-write .t-head-box .t-tit,.visit-complete .t-head-box .t-tit{display:block;margin-top:45px;font:400 20px/30px "Noto Sans KR",sans-serif;color:#333;text-align:left} .ic-write .t-head-box .t-tit02,.visit-complete .t-head-box .t-tit02{display:block;margin-top:45px;font:400 20px/30px "Noto Sans KR",sans-serif;color:#333;text-align:left} .ic-write .t-head-box .t-info,.visit-complete .t-head-box .t-info{float:right;color:#333;font-size:16px;font-weight:400;line-height:20px;margin-top:-25px} .ic-write .t-head-box .t-info .star,.visit-complete .t-head-box .t-info .star{position:absolute;margin:4px 0 0 -10px;color:#9e9282} .ic-write .t-head-box .t-info02,.visit-complete .t-head-box .t-info02{margin-top:4px;display:block;font:300 16px/24px "Noto Sans KR",sans-serif;color:#636363;text-align:left;width:100%} .ic-write .input-form,.visit-complete .input-form{border-top:1px solid #a8a8a8} .ic-write .input-form table,.visit-complete .input-form table{display:block} .ic-write .input-form table tbody,.visit-complete .input-form table tbody{display:block} .ic-write .input-form table tbody tr,.visit-complete .input-form table tbody tr{display:block;padding:15px 0;border-bottom:1px solid #d6d6d6} .ic-write .input-form table tbody th,.visit-complete .input-form table tbody th{display:block;font-size:16px;font-weight:400;color:#333} .ic-write .input-form table tbody th .star,.visit-complete .input-form table tbody th .star{position:absolute;margin:4px 0 0 6px;color:#9e9282} .ic-write .input-form table tbody td,.visit-complete .input-form table tbody td{display:inline-block;margin-top:10px;font-size:16px;color:#636363;text-align:left;vertical-align:top;width:100%} .ic-write .input-form table tbody td.td-radio,.visit-complete .input-form table tbody td.td-radio{vertical-align:middle;margin-top:-4px} .ic-write .input-form table tbody td.td-radio .inp-radio,.visit-complete .input-form table tbody td.td-radio .inp-radio{margin:14px 27px 0 0} .ic-write .input-form table tbody td.td-radio .inp-radio:first-child,.visit-complete .input-form table tbody td.td-radio .inp-radio:first-child{margin-left:0} .ic-write .input-form table tbody td.td-check,.visit-complete .input-form table tbody td.td-check{margin-top:0px;margin-left:-8px} .ic-write .input-form table tbody td.td-check .inp-check,.visit-complete .input-form table tbody td.td-check .inp-check{margin-top:10px;margin-left:8px} .ic-write .input-form table tbody td.td-birthday,.ic-write .input-form table tbody td.td-phone,.visit-complete .input-form table tbody td.td-birthday,.visit-complete .input-form table tbody td.td-phone{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch} .ic-write .input-form table tbody td.td-birthday>*:nth-of-type(2),.ic-write .input-form table tbody td.td-phone>*:nth-of-type(2),.visit-complete .input-form table tbody td.td-birthday>*:nth-of-type(2),.visit-complete .input-form table tbody td.td-phone>*:nth-of-type(2){margin:0 7px} .ic-write .input-form table tbody td.td-birthday .input-box,.ic-write .input-form table tbody td.td-phone .input-box,.visit-complete .input-form table tbody td.td-birthday .input-box,.visit-complete .input-form table tbody td.td-phone .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .input-form table tbody td.td-birthday .select-box,.ic-write .input-form table tbody td.td-phone .select-box,.visit-complete .input-form table tbody td.td-birthday .select-box,.visit-complete .input-form table tbody td.td-phone .select-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .input-form table tbody td.td-id .td-box,.visit-complete .input-form table tbody td.td-id .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .input-form table tbody td.td-id .td-box:first-child,.visit-complete .input-form table tbody td.td-id .td-box:first-child{margin-top:0} .ic-write .input-form table tbody td.td-id .td-box .input-box,.visit-complete .input-form table tbody td.td-id .td-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .input-form table tbody td.td-id .td-box .txt,.visit-complete .input-form table tbody td.td-id .td-box .txt{width:35px;text-align:center} .ic-write .input-form table tbody td.td-txt,.visit-complete .input-form table tbody td.td-txt{margin-top:6px} .ic-write .input-form table tbody td.td-txt .txt,.visit-complete .input-form table tbody td.td-txt .txt{padding:0;font:300 16px/24px "Noto Sans KR",sans-serif;color:#636363} .ic-write .input-form table tbody td.td-email .td-box,.visit-complete .input-form table tbody td.td-email .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .input-form table tbody td.td-email .td-box:first-child,.visit-complete .input-form table tbody td.td-email .td-box:first-child{margin-top:0} .ic-write .input-form table tbody td.td-email .td-box .txt,.visit-complete .input-form table tbody td.td-email .td-box .txt{width:35px;text-align:center} .ic-write .input-form table tbody td.td-address .td-box,.visit-complete .input-form table tbody td.td-address .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .input-form table tbody td.td-address .td-box:first-child,.visit-complete .input-form table tbody td.td-address .td-box:first-child{margin-top:0} .ic-write .input-form table tbody td.td-address .td-box .input-box,.visit-complete .input-form table tbody td.td-address .td-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .input-form table tbody td.td-ap .td-box,.visit-complete .input-form table tbody td.td-ap .td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;margin-top:5px} .ic-write .input-form table tbody td.td-ap .td-box:first-child,.visit-complete .input-form table tbody td.td-ap .td-box:first-child{margin-top:0} .ic-write .input-form table tbody td.td-ap .td-box .input-box,.visit-complete .input-form table tbody td.td-ap .td-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .input-form table tbody td.td-ap .td-box .s-box,.visit-complete .input-form table tbody td.td-ap .td-box .s-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch;width:50%} .ic-write .input-form table tbody td.td-ap .td-box .s-box .txt,.visit-complete .input-form table tbody td.td-ap .td-box .s-box .txt{padding:0 10px 0 5px} .ic-write .input-form table tbody td .file-box,.visit-complete .input-form table tbody td .file-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:stretch;flex-wrap:stretch} .ic-write .input-form table tbody td .file-box .hidden-box,.visit-complete .input-form table tbody td .file-box .hidden-box{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} .ic-write .input-form table tbody td .file-box .hidden-box input[type="file"],.visit-complete .input-form table tbody td .file-box .hidden-box input[type="file"]{opacity:0;filter:alpha(opacity=0)} .ic-write .input-form table tbody td .file-box .input-box,.visit-complete .input-form table tbody td .file-box .input-box{-webkit-box-flex:1;-ms-flex:1;flex:1} .ic-write .input-form table tbody td .file-box .btn-file,.visit-complete .input-form table tbody td .file-box .btn-file{margin-left:7px;text-align:center;line-height:45px;background-color:#636363;color:#fff;font-size:16px;padding:0 25px;font-weight:400} .ic-write .input-form table tbody td .textarea-box textarea,.visit-complete .input-form table tbody td .textarea-box textarea{width:100%;border:1px solid #e5e5e5;background-color:#f7f7f7;height:195px;line-height:34px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top} .ic-write .input-form table tbody td .textarea-box textarea::-webkit-input-placeholder,.visit-complete .input-form table tbody td .textarea-box textarea::-webkit-input-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .input-form table tbody td .textarea-box textarea::-moz-placeholder,.visit-complete .input-form table tbody td .textarea-box textarea::-moz-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .input-form table tbody td .textarea-box textarea:-ms-input-placeholder,.visit-complete .input-form table tbody td .textarea-box textarea:-ms-input-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .input-form table tbody td .textarea-box textarea:-moz-placeholder,.visit-complete .input-form table tbody td .textarea-box textarea:-moz-placeholder{color:#777;line-height:34px;font-size:16px} .ic-write .input-form table tbody td .info-txt,.visit-complete .input-form table tbody td .info-txt{padding:6px 0 0;margin-bottom:-4px;font-size:16px;line-height:24px;color:#636363} .ic-write .input-form table tbody td .input-box,.visit-complete .input-form table tbody td .input-box{display:inline-block;vertical-align:top;width:100%} .ic-write .input-form table tbody td .input-box .inp-txt,.visit-complete .input-form table tbody td .input-box .inp-txt{font-size:16px;border:1px solid #e5e5e5;background-color:#f7f7f7;height:45px;padding:12px 0;line-height:19px;text-indent:14px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .ic-write .input-form table tbody td .input-box .inp-txt::-webkit-input-placeholder,.visit-complete .input-form table tbody td .input-box .inp-txt::-webkit-input-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .input-form table tbody td .input-box .inp-txt::-moz-placeholder,.visit-complete .input-form table tbody td .input-box .inp-txt::-moz-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .input-form table tbody td .input-box .inp-txt:-ms-input-placeholder,.visit-complete .input-form table tbody td .input-box .inp-txt:-ms-input-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .input-form table tbody td .input-box .inp-txt:-moz-placeholder,.visit-complete .input-form table tbody td .input-box .inp-txt:-moz-placeholder{color:#777;line-height:19px;font-size:16px} .ic-write .input-form table tbody td .input-box .inp-txt:readonly,.visit-complete .input-form table tbody td .input-box .inp-txt:readonly{-webkit-opacity:1} .ic-write .input-form table tbody td .select-box,.visit-complete .input-form table tbody td .select-box{width:100%} .ic-write .input-form table tbody td .select-box .val-box .val,.visit-complete .input-form table tbody td .select-box .val-box .val{padding-left:14px} .ic-write .input-form table tbody td .select-box .select-lists li .btn,.visit-complete .input-form table tbody td .select-box .select-lists li .btn{padding-left:14px} .ic-write .input-form table tbody td .txt,.visit-complete .input-form table tbody td .txt{font-size:16px;color:#636363;line-height:45px;vertical-align:top} .ic-write .input-form table tbody td .btn-search,.visit-complete .input-form table tbody td .btn-search{margin-left:5px;width:102px;text-align:center;color:#fff;line-height:45px;background-color:#636363;font-size:14px;font-weight:300} .ic-write .input-form table tbody td .btn-gray-color,.visit-complete .input-form table tbody td .btn-gray-color{margin-left:5px;width:102px;text-align:center;color:#fff;line-height:45px;background-color:#636363;font-size:14px;font-weight:300} .ic-write.new240828 .box-g {padding:30px 15px; width:calc(100% + 30px); box-sizing:border-box; margin-left:-15px; background:#f5f5f5;} .ic-write.new240828 .btit {margin-bottom:20px; font-size:21px; color:#050505; font-weight:500;} .ic-write.new240828 .term-area {background:#fff;} .ic-write.new240828 .agree-area {} .ic-write.new240828 .agree-area .inp-radio .radio-txt {font-size:16px; color:#050505;} .ic-write.new240828 .agree-area .inp-radio .radio-txt .icon-radio {background:url(../../images/skyheron/ico_radio_off.png) 0 0 / cover no-repeat;} .ic-write.new240828 .agree-area .inp-radio .radio-txt .icon-radio:after {display:none;} .ic-write.new240828 .agree-area .inp-radio input[type="radio"]:checked+.radio-txt .icon-radio {background:url(../../images/skyheron/ico_radio_on.png) 0 0 / cover no-repeat;} .ic-write.new240828 .t-head-box .t-tit {margin-top:40px; font-weight:700;} .ic-write.new240828 .input-form {border-top:1px solid #050505;} .ic-write.new240828 .input-form.last {border-top:none; margin-top:18px; } .ic-write.new240828 .input-form table tbody th {font-size:16px; font-weight:600; color:#050505;} .ic-write.new240828 .input-form table tbody th .tits {color:#050505; font-size:16px; font-weight:600;} .ic-write.new240828 .input-form table tbody th .tits + span {display:block; margin-top:5px; color:#050505; font-size:16px; font-weight:500;} .ic-write.new240828 .input-form table tbody tr {border-bottom:1px solid #ddd; padding-top:20px;} .ic-write.new240828 .input-form.last table tbody tr {border-bottom:1px solid #050505;} .ic-write.new240828 .input-form table tbody td .input-box .inp-txt {background:#fff; border:1px solid #ddd;} .ic-write.new240828 .input-form table tbody td .select-box.type02 .val-box {border:1px solid #ddd;} .ic-write.new240828 .input-form table tbody td .select-box.type02 .val-box .val {background:#fff !important;} .ic-write.new240828 .input-form table tbody td .btn-search {background:#3711b9;} .ic-write.new240828 .input-form table tbody td.td-radio .inp-radio {} .ic-write.new240828 .input-form table tbody td.td-radio .inp-radio .radio-txt {color:#050505; font-size:16px; font-weight:400;} .ic-write.new240828 .input-form table tbody td.td-radio .inp-radio .radio-txt .icon-radio {width:26px; width:26px; background:url(../../images/skyheron/ico_radio_off2.png) 0 0 / cover no-repeat;} /* .ic-write.new240828 .input-form table tbody td.td-radio .inp-radio .radio-txt .icon-radio::after {} */ .ic-write.new240828 .input-form table tbody td.td-radio .inp-radio input[type="radio"] +.radio-txt .icon-radio:after {display:none; width:100%; height:100%; background:none;} .ic-write.new240828 .input-form table tbody td.td-radio .inp-radio input[type="radio"]:checked+.radio-txt .icon-radio:after {display:block; background:url(../../images/skyheron/ico_radio_on2.png) 0 0 / cover no-repeat;} .ic-write.new240828 .input-form table tbody td.td-check .stit {display:block; margin-top:22px; margin-left:8px; font-size:16px; font-weight:500; color:#050505;; } .ic-write.new240828 .input-form table tbody td.td-check .inp-check + .stit {margin-top:15px;} .ic-write.new240828 .input-form table tbody td.td-check .inp-check {font-size:16px; font-weight:400;} .ic-write.new240828 .input-form table tbody td.td-check .inp-check .check-txt {color:#050505;} .ic-write.new240828 .input-form table tbody td.td-check .inp-check .check-txt .icon-check {background:#fff; border:1px solid #ddd;} .ic-write.new240828 .input-form table tbody td.td-check .inp-check input[type="checkbox"] + .check-txt .icon-check:before {display:none;} .ic-write.new240828 .input-form table tbody td.td-check .inp-check input[type="checkbox"]:checked+.check-txt .icon-check:before {display:block; top:0px; left:0px; width:100%; height:100%; background:url(../../images/skyheron/ico_checkbox.png) 0 0 / cover no-repeat} .ic-write.new240828 .form-btn-area .btn-write {background:#050505; font-size:16px; font-weight:500;} .visit-employee{position:relative;width:100%;min-height:100vh;padding:40px 15px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:url(../../images/bg/visit-employee-bg.jpg) center center no-repeat;background-attachment:fixed;background-size:cover} .visit-employee .box{position:relative;width:100%;overflow:hidden;border-radius:10px} .visit-employee .box:before{content:'';position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;background:#fff;opacity:.88} .visit-employee .box .content{position:relative;width:100%;padding:40px 20px 70px;-webkit-box-sizing:border-box;box-sizing:border-box} .visit-employee .box .content .logo{display:block;width:95px;height:59px;margin:0 auto;background:url(../../images/icon/visit-employee-logo.png) 0 0 no-repeat;background-size:cover;text-indent:-9999px} .visit-employee .box .content .tit{margin-top:15px;font-size:21px;color:#333} .visit-employee .box .content .tit span{display:block;font-size:16px} .visit-employee .box .content .data-view{position:relative;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap} .visit-employee .box .content .data-view .in-box{position:relative;padding:25px 30px;border:2px solid #9e9282} .visit-employee .box .content .data-view .in-box .date{position:relative;margin-top:-40px;padding:8px 20px;font-size:12px;color:#fff;overflow:hidden} .visit-employee .box .content .data-view .in-box .date:after{content:'';position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;border-radius:20px;background:#063054;opacity:.88} .visit-employee .box .content .data-view .in-box .date>*{position:relative;z-index:1} .visit-employee .box .content .data-view .in-box .txt{margin-top:15px;font-size:15px;font-weight:400;color:#705c41} .visit-employee .box .content fieldset{margin-top:50px} .visit-employee .box .content fieldset legend{position:relative;left:unset;width:auto;height:auto;font-size:16px;color:#333;z-index:1;visibility:unset} .visit-employee .box .content fieldset ul{margin-top:10px} .visit-employee .box .content fieldset ul li input{width:100%;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #cecece;font-size:16px;text-indent:14px;color:#636363} .visit-employee .box .content fieldset ul li input[type=submit]{border:none;text-indent:0;background:#9e9282;color:#fff;font-weight:400} .visit-employee .box .content fieldset ul li+li{margin-top:10px} .select-box {position: relative; height: 45px; box-sizing: border-box; } .select-box.type01 .val-box .val {padding-left: 19px; color: #fff; line-height: 45px; background-color: #787878; text-align: left; font-weight: 300; } .select-box.type01 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -469px -490px; width: 15px; height: 8px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .select-box.type01 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png); background-size: 598px 555px;} } .select-box.type01 .select-lists {border: 1px solid #787878;} .select-box.type01 .select-lists li .btn {color: #636363;} .select-box.type02 .val-box {border: 1px solid #e5e5e5;} .select-box.type02 .val-box .val {padding-left: 19px; color: #777777; background-color: #f7f7f7; } /* .select-box.type02 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -499px -490px; width: 15px; height: 8px; } */ /* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .select-box.type02 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png);background-size: 598px 555px;} } */ .select-box.type02 .select-lists {border: 1px solid #d6d6d6;} .select-box.type02 .select-lists li .btn {color: #636363;} .select-box.type03 .val-box .val {color: #fff;line-height: 45px;background-color: #dc0022;text-align: center;} .select-box.type03 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -409px -490px; width: 15px; height: 8px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .select-box.type03 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png);background-size: 598px 555px;} } .select-box.type03 .select-lists {border: 1px solid #dc0022;} .select-box.type03 .select-lists li .btn {color: #636363;} .select-box.type04 {margin-bottom: 40px;} .select-box.type04 .val-box .val {color: #fff; line-height: 45px; background-color: #9e9282; text-align: center; } .select-box.type04 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -439px -490px; width: 15px; height: 8px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .select-box.type04 .val-box .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png); background-size: 598px 555px;} } .select-box.type04 .select-lists {border: 1px solid #9e9282; } .select-box.type04 .select-lists li .btn {color: #636363; } .select-box.on .val-box .icon {/* -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); */-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .select-box .val-box {position: relative;} .select-box .val-box .val {display: block; font-size: 16px; line-height: 43px; font-weight: 300; } .select-box .val-box .btn-select-open {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .select-box .val-box .icon {position: absolute; top: 18px; right: 17px; /* -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); */transform: rotate(0deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .select-box .select-lists {position: absolute; top: 44px; left: 0; width: 100%; display: none; background-color: #fff; z-index: 1; max-height: 252px; overflow-y: auto; border: 1px solid #787878; border-top: none; box-sizing: border-box; -webkit-overflow-scrolling: touch; } .select-box .select-lists li .btn {display: block; color: #636363; padding-left: 19px; font-size: 16px; height: 45px; line-height: 45px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; text-align: left; width: 100%; box-sizing: border-box; } .search-area-type { position: relative; padding: 0 15px; } .search-area-type .total-txt {font-size:16px; font-weight:500; color: #050505; text-align: center; } .search-area-type .total-txt .name {color: #3711b9;} .search-area-type .total-txt .num {color: #3711b9; font-weight:700;} .search-area-type .search-box .tit {line-height: 41px; font-size: 20px; color: #333; margin-right: 20px; } .search-area-type .search-box .select-box {margin-top: 21px;} /* .search-area-type .search-box .input-box {position: relative; background-color: #787878; overflow: hidden; padding-right: 56px; margin-top: 10px; } .search-area-type .search-box .input-box input[type="text"] {width: 100%; color: #fff; font-size: 17px; line-height: 45px; text-indent: 18px; height: 45px; vertical-align: top; padding: 0; } .search-area-type .search-box .input-box input[type="text"]::-webkit-input-placeholder {color: #a8a8a8; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box input[type="text"]::-moz-placeholder {color: #a8a8a8; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box input[type="text"]:-ms-input-placeholder {color: #a8a8a8; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box input[type="text"]:-moz-placeholder {color: #a8a8a8; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box .btn-search {position: absolute; top: 0; right: 0;} .search-area-type .search-box .input-box .btn-search:before {content: ""; position: absolute; top: 10px; left: 0; width: 1px; height: 25px; background-color: #a8a8a8; } .search-area-type .search-box .input-box .btn-search .icon {background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -129px -412px; width: 46px; height: 46px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-area-type .search-box .input-box .btn-search .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png);background-size: 598px 555px;} } */ .search-area-type .search-box .input-box {position: relative; background-color: #fff; overflow: hidden; padding-right: 56px; margin-top: 10px; border-bottom:1px solid #050505;} .search-area-type .search-box .input-box input[type="text"] {width: 100%; color: #050505; font-size: 16px; line-height: 45px; text-indent: 15px; height: 45px; vertical-align: top; padding: 0; font-weight:400;} .search-area-type .search-box .input-box input[type="text"]::-webkit-input-placeholder {color: #050505; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box input[type="text"]::-moz-placeholder {color: #050505; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box input[type="text"]:-ms-input-placeholder {color: #050505; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box input[type="text"]:-moz-placeholder {color: #050505; line-height: 45px; font-size: 17px; } .search-area-type .search-box .input-box .btn-search {position: absolute; top: 18px; right: 14px;} /* .search-area-type .search-box .input-box .btn-search:before {content: ""; position: absolute; top: 10px; left: 0; width: 1px; height: 25px; background-color: #a8a8a8; } */ .search-area-type .search-box .input-box .btn-search .icon {background: url(../../images/skyheron/btn-search.png) 0 0 / cover no-repeat; width: 17px; height: 17px; } /* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .search-area-type .search-box .input-box .btn-search .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png);background-size: 598px 555px;} } */ .board-list {/* width:100%; */} .board-list .list-col-box {width:100%;} .board-list .list-col-box ul {width:100%; /* display:flex; justify-content:space-between; align-items:flex-start; */} .board-list .list-col-box ul + ul {margin-top:20px;} .board-list .list-col-box ul li {width:100%;} .board-list .list-col-box ul li + li {margin-top:20px;} .board-list .list-col-box ul li a {position:relative; display:block; width:100%; padding:20px; border:1px solid #ddd; box-sizing:border-box; text-align:left;} .board-list .list-col-box ul li a:hover, .board-list .list-col-box ul li a:focus, .board-list .list-col-box ul li a:active {background:#eee;} .board-list .list-col-box ul li a .media {font-size:13px; font-weight:700; color:#3711b9;} .board-list .list-col-box ul li a .media + div {margin-top:10px;} .board-list .list-col-box ul li a .tit {width:100%; font-size:18px; font-weight:700; color:#050505; overflow: hidden; text-overflow: ellipsis; /* word-break: break-all; */ word-break: keep-all; display: block; /* Fallback for non-webkit */ display: -webkit-box; /* chrome */ -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; /* Fallback for non-webkit */} .board-list .list-col-box ul li a .tit + div {margin-top:20px;} .board-list .list-col-box ul li a .txt {width:100%; font-size:14px; overflow: hidden; text-overflow: ellipsis; /* word-break: break-all; */ word-break: keep-all; display: block; /* Fallback for non-webkit */ display: -webkit-box; /* chrome */ -webkit-line-clamp:5; -webkit-box-orient: vertical; line-height: 22px; max-height: 110px; /* Fallback for non-webkit */ color:#050505;} .board-list .list-col-box ul li a .txt + div {margin-top:15px;} .board-list .list-col-box ul li a .date {font-size:14px; color:#bcbcbc;} .yega-info-list .board-list {margin-top: 30px; padding: 0 15px; } .yega-info-list .board-list table {display: block; } .yega-info-list .board-list table tbody {display: block; border-top: 1px solid #d6d6d6; } .yega-info-list .board-list table tbody tr {position: relative; display: block; padding: 25px 0 26px 60px; border-bottom: 1px solid #d6d6d6; } .yega-info-list .board-list table tbody td {display: block; font-size: 16px; color: #636363; text-align: left; line-height: 26px; } .yega-info-list .board-list table tbody td.subject a {font: 400 20px/30px "Noto Sans KR", sans-serif; color: #333; } .yega-info-list .board-list table tbody td.num {position: absolute; top: 26px; left: 0; width: 44px; text-align: center; font: 300 16px/24px "Noto Sans KR", sans-serif; color: #636363; } .yega-info-list .board-list table tbody td.date {margin-top: 7px; font: 300 16px/24px "Noto Sans KR", sans-serif; color: #636363; } #wrap .paging {text-align: center; margin-top: 40px; } #wrap .paging a {display: inline-block; width: 33px; height: 33px; line-height: 31px; border: 1px solid #d6d6d6; background-color: #fff; text-align: center; font-size: 15px; color: #777777; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; box-sizing: border-box; } #wrap .paging .first .icon {margin-top: 10px; background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -355px -490px; width: 12px; height: 11px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #wrap .paging .first .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png); background-size: 598px 555px;} } #wrap .paging .prev .icon {margin-top: 10px; background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -262px -218px; width: 7px; height: 11px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #wrap .paging .prev .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png); background-size: 598px 555px;} } #wrap .paging .next .icon {margin-top: 10px; background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -262px -192px; width: 7px; height: 11px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #wrap .paging .next .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png); background-size: 598px 555px;} } #wrap .paging .last .icon {margin-top: 10px; background-image: url(../../../../../apt/mobile/images/sprite/common%EF%B9%964103602136850.png); background-position: -382px -490px; width: 12px; height: 11px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #wrap .paging .last .icon {background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png); background-size: 598px 555px; } } #wrap .paging .page_navi {display: inline-block; padding: 0 5px; } #wrap .paging .page_navi li {display: inline-block; padding: 0 1px; } #wrap .paging .page_navi li.on a {background-color: #333333; border-color: #333333; color: #fff; font-weight: 400; } /* .select-box {position:relative; width:100%;} .select-box:after {content:''; position:absolute; top:0px; right:0px; display:block; width:10px; height:10px; background:url(../../images/skyheron/ico_select.png) 0 0 no-repeat;} .select-box select {width:100%; height:40px; padding:0 20px 0 20px; background:#3711b9; color:#fff;} */ .select-box + * {margin-top:25px;} div[data-tabbox] {display:none;} div[data-tabbox] .video-box {width:100%; height:calc( (100vw * 0.5625) - 30px); margin:0 auto;} div[data-tabbox] .txt {margin-top:40px; text-align:center; font-size:28px; font-weight:600; color:#050505;} .block .video-box {width:100%; box-sizing:border-box; display:flex; justify-content:center; align-items:center; background:#000; margin:0 auto;} .block .video-box video {width:100%; height:calc(57.6vw - 30px); } .block .txt {font-size:13px; font-weight:300; color:#050505; text-align:left; text-indent:-10px; padding-left:10px;} .block .txt + .txt {margin-top:2px;} .block .video-box + .txt {margin-top:10px;} .brand {position:relative;} .brand .swiper-box {position:relative; padding-bottom:35px;} .brand .swiper-box .swiper-pagination {left:0px; bottom:0px; width:100%;} .brand .swiper-box .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; border:2px solid #3c17bb; background:none; box-sizing:border-box; opacity:1;} .brand .swiper-box .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:7px;} .brand .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#3c17bb;} .contact {position:relative;} .contact .photo {width:100%;} .contact .btn-line {width:100%; margin-top:15px;} .contact .btn-line ul {display:flex; justify-content:center; align-items:center;} .contact .btn-line ul li {} .contact .btn-line ul li + li {margin-left:15px;} .contact .btn-line ul li a {font-size:15px; color:#050505; font-weight:500;} .contact .btn-line ul li a[class^=ico] {display:flex; justify-content:flex-start; align-items:center;} .contact .btn-line ul li a[class^=ico]:before {content:''; display:inline-block; width:27px; height:27px;} .contact .btn-line ul li a.ico1:before {background:url(../../images/skyheron/sub/ico_contact_itm1.png) 0 0 / cover no-repeat;} .contact .btn-line ul li a.ico2:before {background:url(../../images/skyheron/sub/ico_contact_itm2.png) 0 0 / cover no-repeat;} .contact .btn-line ul li a span {margin-left:4px;} .contact .txt-line {width:100%; margin-top:25px;} .contact .txt-line dl {display:flex; justify-content:flex-start; align-items:flex-start; text-align:left;} .contact .txt-line dl + dl {margin-top:10px;} .contact .txt-line dl dt {position:relative; flex:1; padding-left:8px; font-size:15px; font-weight:700; color:#050505;} .contact .txt-line dl dt:before {content:''; position:absolute; top:5px; left:0px; display:block; width:2px; height:2px; border-radius:100%; background:#050505;} .contact .txt-line dl dd {flex:2.8; font-size:15px; font-weight:400; color:#050505;} .environment {position:relative;} .environment .full {margin-left:-15px; width:calc(100% + 30px);} .environment .full-bg {position: relative;} .environment .full-bg:before {content:''; position:absolute; bottom:0; left:0px; margin-left:-15px; display:block; width:calc(100% + 30px); height:100%; background:url(../../images/skyheron/sub/information_environment3_bg.png) bottom left no-repeat; background-size:100% auto; z-index:-1;} .premium .full {} .premium .full .motion-info { position: relative; /* margin-top: 50px; */width: 100%; /* height: 682px; */ overflow: hidden;} .premium .full .motion-info .txtWt {color:#fff;} /* .premium .full .motion-info .bg-arg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none;} .premium .full .motion-info .bg-arg > div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: all 1s ease-in-out; opacity: 0.25;} .premium .full .motion-info .bg-arg .itm1 { background: url(https://apt.ssyenc.com/skyheron/resources/mobile/images/skyheron/sub/premium_itm1.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .bg-arg .itm2 { background: url(https://apt.ssyenc.com/skyheron/resources/mobile/images/skyheron/sub/premium_itm2.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .bg-arg .itm3 { background: url(https://apt.ssyenc.com/skyheron/resources/mobile/images/skyheron/sub/premium_itm3.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .bg-arg .itm4 { background: url(https://apt.ssyenc.com/skyheron/resources/mobile/images/skyheron/sub/premium_itm4.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .bg-arg .itm5 { background: url(https://apt.ssyenc.com/skyheron/resources/mobile/images/skyheron/sub/premium_itm5.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .bg-arg .itm6 { background: url(https://apt.ssyenc.com/skyheron/resources/mobile/images/skyheron/sub/premium_itm6.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .bg-arg .itm7 { background: url(https://apt.ssyenc.com/skyheron/resources/mobile/images/skyheron/sub/premium_itm7.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info[id=obj-itm1] .bg-arg .itm1 { z-index: 1; opacity: 1;} .premium .full .motion-info[id=obj-itm2] .bg-arg .itm2 { z-index: 1; opacity: 1;} .premium .full .motion-info[id=obj-itm3] .bg-arg .itm3 { z-index: 1; opacity: 1;} .premium .full .motion-info[id=obj-itm4] .bg-arg .itm4 { z-index: 1; opacity: 1;} .premium .full .motion-info[id=obj-itm5] .bg-arg .itm5 { z-index: 1; opacity: 1;} .premium .full .motion-info[id=obj-itm6] .bg-arg .itm6 { z-index: 1; opacity: 1;} .premium .full .motion-info[id=obj-itm7] .bg-arg .itm7 { z-index: 1; opacity: 1;} */ .premium .full .motion-info .obj-motion{/* display: flex; justify-content: center; align-items: start; */ width: 100%; height: 100%;} .premium .full .motion-info .obj-motion > div{position: relative; flex: 1; display:flex; justify-content:flex-start; align-items:center; width: 100%; height: 100%; min-height:90px; box-sizing:border-box; z-index: 1; transition: all .5s;} .premium .full .motion-info .obj-motion > div.obj-itm1 {background: url(../../images/skyheron/sub/information_premium_itm1.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion > div.obj-itm2 {background: url(../../images/skyheron/sub/information_premium_itm2.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion > div.obj-itm3 {background: url(../../images/skyheron/sub/information_premium_itm3.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion > div.obj-itm4 {background: url(../../images/skyheron/sub/information_premium_itm4.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion > div.obj-itm5 {background: url(../../images/skyheron/sub/information_premium_itm5.jpg) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion > div.obj-itm6 {background: url(../../images/skyheron/sub/information_premium_itm6.jpg) 0 0 / cover no-repeat;} /* .premium .full .motion-info .obj-motion > div.on{flex: 2.5;} */ /* .premium .full .motion-info .obj-motion > div + div{border-left: 1px solid rgba(255,255,255,0.25); box-sizing: border-box;} */ .premium .full .motion-info .obj-motion .alphabet{position:absolute; top:22px; left:22px; width:45px; height:45px; /* margin:0 auto; */ /* opacity:.8; */ overflow:hidden; text-indent:-9999px; transition: all .5s;} .premium .full .motion-info .obj-motion .obj-itm1 .alphabet {background:url(../../images/skyheron/sub/information_premium_motion_itm1.png) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion .obj-itm2 .alphabet {background:url(../../images/skyheron/sub/information_premium_motion_itm2.png) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion .obj-itm3 .alphabet {background:url(../../images/skyheron/sub/information_premium_motion_itm3.png) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion .obj-itm4 .alphabet {background:url(../../images/skyheron/sub/information_premium_motion_itm4.png) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion .obj-itm5 .alphabet {background:url(../../images/skyheron/sub/information_premium_motion_itm5.png) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion .obj-itm6 .alphabet {background:url(../../images/skyheron/sub/information_premium_motion_itm6.png) 0 0 / cover no-repeat;} .premium .full .motion-info .obj-motion .obj-itm1.on .alphabet {opacity:1;} .premium .full .motion-info .obj-motion .obj-itm2.on .alphabet {opacity:1;} .premium .full .motion-info .obj-motion .obj-itm3.on .alphabet {opacity:1;} .premium .full .motion-info .obj-motion .obj-itm4.on .alphabet {opacity:1;} .premium .full .motion-info .obj-motion .obj-itm5.on .alphabet {opacity:1;} .premium .full .motion-info .obj-motion .obj-itm6.on .alphabet {opacity:1;} .premium .full .motion-info .obj-motion .obj-txt-box{width:100%; padding-left:90px; box-sizing:border-box; text-align:left; /* display:flex; justify-content:flex-start; align-items:center; */ /* pointer-events:none; */} .premium .full .motion-info .obj-motion .obj-txt-box .no{/* position: absolute; top: 65px; left: -14px; */ opacity: 0.5; font-size: 10px; font-weight: 600; /* transform: rotate(-90deg); */ /* pointer-events:none; */} .premium .full .motion-info .obj-motion .obj-txt-box .obj-txt{text-align: left; /* margin-top:50px; */ /* height: 0; */ /* opacity: 0; */ transition: all .5s;} .premium .full .motion-info .obj-motion > div.on .obj-txt-box .obj-txt{/* height: 165px; */ padding-top:6px; opacity: 1;} .premium .full .motion-info .obj-motion .obj-txt-box .obj-txt .tit{font-size: 16px; font-weight: 700; line-height: 1.2;} /* .premium .full .motion-info .obj-motion .obj-txt-box .obj-txt .txt{display:none; margin-top: 25px; font-size: 20px; font-weight: 300; line-height: 28px;} */ .premium .type2 {position: relative;} .premium .type2 .tit {} .premium .type2 .tit {padding:60px 0 30px 0; text-align:left; font-size:25px; color:#3711b9; font-weight:800; opacity:0; transition:opacity .5s ease-in-out;} .premium .type2 .tit.on {opacity:1;} .premium .type2 .tit p {/* transition:all .5s ease-in-out; */transition:all 1s ease-in-out; } .premium .type2 .tit p:last-child {font-size:23px; color:#000; font-weight:500;} .premium .type2 .tit p:first-child {transform:translateY(15px);} .premium .type2 .tit.on p:first-child {transform:translateY(0px);} .premium .type2 .tit p:last-child {transform:translateY(15px); } .premium .type2 .tit.on p:last-child {transform:translateY(0px); transition-delay:.1s;} .premium .type2 .itm-list {width:100%;} .premium .type2 .itm-list div[class^=itm-box] {position:relative; width:100%; /* display:flex; justify-content:flex-start; align-items:flex-start; */} .premium .type2 .itm-list div[class^=itm-box] + div[class^=itm-box] {margin-top:40px;} .premium .type2 .itm-list div[class^=itm-box] .photo-box {position:relative; /* width:820px; */ width:69%; opacity:0; transition:all .5s ease-in-out;} .premium .type2 .itm-list div[class^=itm-box] .photo-box:after {content:''; position:absolute; top:0px; left:0px; display:block; width:0px; height:1px; background:#c4c7d3; transition:all 1s ease-in-out;} .premium .type2 .itm-list div[class^=itm-box] .photo-box .gr {position:relative; width:100%; z-index:2; overflow:hidden;} .premium .type2 .itm-list div[class^=itm-box] .photo-box .gr img {width:100%; transform: translateX(-100%); transition:all .7s ease-in-out;} .premium .type2 .itm-list div[class^=itm-box].on .photo-box {opacity:1;} .premium .type2 .itm-list div[class^=itm-box].on .photo-box:after {width:100vw;} .premium .type2 .itm-list div[class^=itm-box].on .photo-box .gr img {transform: translateX(0); } .premium .type2 .itm-list div[class^=itm-box] .txt-box + .photo-box {} .premium .type2 .itm-list div[class^=itm-box] .txt-box {/* width:480px; */ padding:20px 15px 0 15px; box-sizing:border-box; text-align:left;} .premium .type2 .itm-list div[class^=itm-box] .txt-box p {font-size:16px; font-weight:400; color:#050505; transform: translateY(-20px); opacity:0; transition:all .7s ease-in-out;} .premium .type2 .itm-list div[class^=itm-box] .txt-box p + p {margin-top:5px;} .premium .type2 .itm-list div[class^=itm-box] .txt-box p strong {font-size:18px; font-weight:600;} .premium .type2 .itm-list div[class^=itm-box].on .txt-box p {opacity:1; transform: translateY(0); transition-delay:.7s;} .premium .type2 .itm-list div[class^=itm-box].on .txt-box p + p {transition-delay:.5s;} .premium .type2 .itm-list div[class^=itm-box]:nth-child(2n + 2) {} .premium .type2 .itm-list div[class^=itm-box]:nth-child(2n + 2) .photo-box {margin-left:31%;} .premium .type2 .itm-list div[class^=itm-box]:nth-child(2n + 2) .photo-box .gr img {transform: translateX(100%);} .premium .type2 .itm-list div[class^=itm-box]:nth-child(2n + 2).on .photo-box .gr img {transform: translateX(0); } .premium .type2 .itm-list div[class^=itm-box]:nth-child(2n + 2) .photo-box:after {left:unset; right:0px;} .premium .type2 .itm-list div[class^=itm-box]:nth-child(2n + 2) .txt-box {text-align:right;} .pt-full-youtube-pop {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; padding:20px; box-sizing:border-box; visibility:hidden; opacity:0; transition: all .3s ease-in-out; pointer-events:none; z-index:1002;} .pt-full-youtube-pop.open {display:flex; justify-content:center; align-items:center;} .pt-full-youtube-pop:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.4; z-index:1;} .pt-full-youtube-pop.open {opacity:1; pointer-events:all; visibility:visible;} .pt-full-youtube-pop .cont {position:relative; width:100%; height:calc(45vh - 40px);/* height:55vh; */ min-height:280px; z-index:2;} .pt-full-youtube-pop .cont .close {position:absolute; top:-30px; right:0px; display:block; width:19px; height:19px; background:url(../../images/skyheron/btn_fullpop_close.png) 0 0 / cover no-repeat; text-indent:-9999px;} .pt-full-youtube-pop .cont .movie, .pt-full-youtube-pop .cont iframe {width:100%; height:100%;} /* .fullPop {position:fixed; top:0px; left:0px; width:100%; height:100%; padding:20px; box-sizing:border-box; display:none; justify-content:center; align-items:center; z-index:1001; z-index:1002;} .fullPop.type2 {z-index:100000;} .fullPop:after {content:''; position:absolute; display:block; width:100%; height:100%; background:#000; opacity:.4; z-index:1;} .fullPop.type2:after {opacity:.7;} .fullPop .box {position:relative; width:100%; height:calc(45vh - 40px); min-height:280px; z-index:2;} .fullPop .box .fullPop_close {position:absolute; top:-30px; right:0px; width:19px; height:19px;} .fullPop .box .fullPop_close img {width:100%;} .fullPop .box iframe {width:100%; height:100%;} */ .fp-tableCell .top-btn-area {display:none;} .top-btn-area { position: relative; width: 100%; } .btn-top-btn { position: fixed; bottom: 15px; right: 15px; z-index: 30; } .btn-top-btn.on { position: absolute; bottom: 15px; display:none; } .btn-top-btn .icon { background-image: url(../../../../../apt/mobile/images/sprite/common@2x%EF%B9%964103602136850.png); background-size: 598px 555px; background-position: -195px -352px; width: 32px; height: 32px; display: inline-block; vertical-align: top; overflow: hidden; text-indent: -999px; } .e-model-house-etc-btn{margin-top: 20px;} .e-model-house-etc-btn a{display: block; padding: 14px 0px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 1; box-sizing: border-box; background-color: #ababab;} .e-model-house-etc-btn a::after{content: ""; display: inline-block; vertical-align: bottom; margin-left: 9px; width: 8px; height: 12px; background:url(../../../images/skyheron/sub/ico_e-model-house-etc-btn.png) center / 100% no-repeat} .e-model-house-etc-notice{margin-top: 20px;} .e-model-house-etc-notice li{font-size: 12px; color: #666; text-align: left; padding-left: 10px; text-indent: -9px; line-height: 1.5; word-break: keep-all;}