@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean"); @import url('../../../../css/Font/NotoSansKR.css'); body,th,td,input,select,textarea,h2,h3,h4,h5,address{font-family:'Noto Sans KR', sans-serif; font-style:normal; font-weight:normal; font-size:14px; line-height:1.4; color:#666;} img{max-width:100%;} #header, #header h1, #header h1>a, #header .mMenu>span, #header .mMenu:before, #header .mMenu:after, #header #gnb:after, #header #gnb:before, #header #gnb>li>a:before, #header #gnb>li>a i:before, #header #gnb>li>a i:after, #header #gnb>li, #header #gnb a, #header #gnb>li>a>span:before, #header #gnb .gnbSub>li>a, #header #gnb>li>a em, #header #gnb>li>a em:after, #header #gnb>li>a em:before, #header #gnb>li.oPage:before, #header #gnb>li.active:before, #container.landscape #snb #nav>li>a, #container.landscape #snb #nav>li>a i, #container.landscape #snb #nav>li>a i:after, #container.landscape #snb #nav>li>a i:before, #container.landscape #snb #nav .lnbSub>a, #container.portrait #snb #nav>li>a, #container.portrait #snb #nav>li .d3>li>a{transition: all .3s ease-out; transform-origin: 50% 50%;} a.goTop, a.goTop:before{transition: all .5s ease-out;} #header .gnbArea{text-align: center} #header .gnbArea, #header .gnbArea .gnbBg{transition: all .5s ease-out; transform-origin: 50% 50%;} video {position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:-1;} /*[s] Layout Style */ .inConts{width:100%; margin:0 auto; position: relative;} #wrap{width:100%; min-width:1220px; margin:0 auto; position:relative; overflow:hidden; word-break:keep-all; word-wrap:break-word;} #header{width:100%; background-color:rgba(0,0,0,0.7); border-bottom:1px solid rgba(255,255,255,0.2); font-size:0; line-height:0; position: fixed; left:0; top:0; z-index:9;} /*#header:before{content: ""; width: 100%; height: 1px; background-color:rgba(255,255,255,0.2); display:block; position:absolute; left: 0; bottom:0px; z-index:2;}*/ #header h1{padding: 23px 0 23px 15px;display:inline-block;position: relative;z-index:7;} #header h1>a{display:inline-block;} #header #gnb{display:inline-block; position: absolute; top:0;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width:80%;} /*#header #gnb:before{content: ""; width:2400px; height:0; margin-left:-1200px; background-color:rgba(255,255,255,1); position: absolute; left:50%; top:100%; z-index:1;} #header #gnb:hover:before{height:59px;}*/ #header #gnb>li{display:inline-block; vertical-align: top; position: relative;} #header #gnb>li>a{width:100%; height:100px; padding:0 26px; font-weight: 500; font-size:18px; line-height:1.4; color: #fff; display:table; box-sizing: border-box;font-family: 'prompt','Noto Sans CJK KR Regular', sans-serif;font-weight:500;} #header #gnb.fl>li>a{font-size:20px;font-weight:bold;line-height: 1.2;padding:0 32px;} #header #gnb>li>a>span{padding:5px 0; display:table-cell; vertical-align:middle; position: relative;} #header #gnb.fl>li>a>span{padding:8px 0; } #header #gnb>li>a>span:before{content: ""; width: 0; height: 2px; background-color: #b81504; margin-left:0; display: inline-block; position:absolute; left: 50%; bottom:0; z-index:5;} #header #gnb.fl>li>a>span:before{content: ""; width: 0; height: 2px; background-color: #25b7bc; margin-left:0; display: inline-block; position:absolute; left: 50%; bottom:0; z-index:5;} /* #header #gnb .gnbSub{width:1200px; position: absolute; left:0; top:100%; z-index:4; display:none; white-space: nowrap;} #header #gnb .gnbSub>li{padding-left:32px; display:inline-block; vertical-align: top;} #header #gnb .gnbSub>li>a{width:100%; height:59px; font-size:17px; line-height:1.3; color: #666; text-align: center; display:table; box-sizing: border-box;} #header #gnb .gnbSub>li>a>span{padding:5px 0; display:table-cell; vertical-align: middle;} */ #header #gnb>li:hover>a>span, #header #gnb>li.active>a>span, #header #gnb>li.oPage>a>span{color:#b81504;} #header #gnb>li:hover>a>span, #header #gnb>li.active>a>span, #header #gnb.fl>li.oPage>a>span{color:#25b7bc;} #header #gnb>li:hover>a>span:before, #header #gnb>li.active>a>span:before, #header #gnb>li.oPage>a>span:before{width: 100%; margin-left:0px; left:0; opacity: 1;} #header .language{display:inline-block; position: absolute; right:0; top:43px; z-index:4;} #header .language>a{font-size:15px; font-weight:300; line-height:1; color: rgba(255,255,255,0.5); display:inline-block; vertical-align: top; position: relative;} #header .language>a+a{margin-left:27px;} #header .language>a+a:before{content: ""; width: 1px; height: 12px; margin-top:-6px; background-color: rgba(255,255,255,0.3); display: inline-block; position:absolute; left: -14px; top:50%;} #header .language>a.active, #header .language>a:hover{color:rgba(248,64,3,1);} .language{width:65px; height:21px; margin-left:23px; padding-left:10px; background:transparent url('../../../img/arr_language.png') no-repeat 93% center; border:none; font-weight: 300; font-size:15px; line-height:21px; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; box-sizing: border-box; display:inline-block; vertical-align: top;} .languageSel{width:115px;margin-left:15px;font-size:0;line-height:0;text-align: left;display:inline-block;position:relative;} .languageSel a{width:100%; line-height:0; display:block; position: relative; box-sizing: border-box; border: 2px solid #fff;background: rgba(255,255,255,0.3);} .languageSel a img{width:24px; padding-right:4px; vertical-align: top;} #header .btn_home > a, .languageSel a>span{font-weight: 400; font-size:16px; line-height:15px; color: #fff; display:inline-block; vertical-align: top;padding:10px 9px;} .languageSel>a:before{content: ""; width:14px; height:11px; margin-top:-5px; background:url('../../../img/arr_language.png') no-repeat center center; display: block; position:absolute; right:8px; top:50%; transition: all .3s ease-out; transform-origin: 50% 50%;} .in_languag{border:1px solid #dbdbdb;position: absolute;left:0;right:0;top: 37px;z-index:5;display:none;} .in_languag>a{} .in_languag>a+a{margin:0; border-top:1px solid #dbdbdb;} .in_languag>a+a:before{display:none;} .languageSel.open>a:before{transform:rotate(180deg);} .in_languag>a.active{background: rgba(184,21,4,0.6);} .in_languag>a.active span{font-weight:600;color: #fff;} .language::-ms-expand{display:none;} .language option{background-color: transparent; color: #000;} #header .wrap_right{top: 50%;right:15px;position:absolute;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} #header .wrap_right>*{display:inline-block; vertical-align:middle;} #header .wrap_right .btn_home {border: 2px solid #a39b86;background: rgba(163, 155, 134 , 0.3);} #header .wrap_right .btn_home > a {color: #a39b86} #pageTop{max-width:1280px; margin:0 auto; padding:80px 0 60px; font-size:0; line-height:0; text-align: center; position: relative;} #pageTop>h3{font-weight: 500; font-size:36px; line-height:1; color: #342e1e; position: relative;} #container{width:100%; max-width:1280px; min-height:400px; margin:0 auto; background-color: #fff; position: relative; box-sizing: border-box;} .fullBox{width:1920px; margin-left:-960px; font-size:0; line-height:0; position: relative; left:50%} #footer{width:100%; background-color:#1b2b38; font-size:0; line-height:0; position: relative;display:none;} #footer .link{background-color:#1b2b38; border-bottom:1px solid #424140;} #footer .link .inConts {} #footer .d_link a{position:relative;font-style: normal; font-weight: 400; font-size:15px; line-height:48px; color:#aaaaaa; letter-spacing: -0.03em; display:inline-block; vertical-align: top; position: relative;} #footer .d_link a+a{padding-left: 50px;} #footer .d_link a+a:before {content:"";position:absolute;top: 20px;left: 25px;width:1px;height:10px;background-color:#8c8c8c;} #footer .d_link a.point{color:#fff;} #footer .text {padding: 40px 0 50px 180px;position: relative;} #footer .text:before{content: "";width: 100px;height: 54px;background:url('../img/foot_logo.png') no-repeat left top;display: block;position:absolute;left: 0;top:45px;} #footer .text>p{} #footer .text>address, #footer .text>p>span{font-style: normal; font-weight:400; font-size:16px; line-height:24px; color:#777; display:inline-block; vertical-align: top; position: relative;} #footer .text>p>span+span{margin-left:31px;} #footer .text>p>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-4px; background-color:#525253; display: inline-block; position:absolute; left: -16px; top:50%;} #footer .text>address{padding-top:10px; font-size:14px;} #footer .text>address>a{color: #fff;} #footer .text>p .point {color:#fff;} #footer .social{display:inline-block; position: absolute; right:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} #footer .social>a{width:40px; height:40px; text-align: center; display:inline-block; vertical-align: top;} #footer .social>a+a{margin-left:10px;} #footer .t_admin {color:#fff; font-weight:400; font-size:14px; line-height:30px; position:absolute; right:0; bottom: 50px; margin-top:30px;} #footer .t_admin.dn {display:none;} a.goTop{width:50px; height:50px; background-color: #acacac; font-size:0; line-height:0; position: fixed; right:15px; bottom:15px; z-index:9; display:block; overflow:hidden; opacity: 0;} a.goTop.open{opacity: 1;} a.goTop:before{content: ""; width: 100%; height: 100%; background:url('../img/arr_goTop.png') no-repeat center center; display: block; position:absolute; left: 0; top:0px;} a.goTop:hover{background-color: #b57e10; border-radius:25px; transform:rotate(180deg);} a.goTop:hover:before{transform:rotate(-180deg);} #quickArea{border:1px solid #ddd; font-size:0; line-height:0; display:inline-block; position: fixed; right:15px; top:50%; z-index:9; -webkit-transform: translateY(-50%); transform: translateY(-50%);} #quickArea>*{display:block;} #quickArea>*+*{border-top:1px solid #ddd;} /*[e] Layout Style */ :root, html{font-size:16px;} .pVar{display:block;} .tVar{display:none;} .mVar{display:none;} .tmVar{display:none;} .br_t{display:none;} .br_p{} /* Margin Style */ .m0 {margin:0 !important;} .mt_1 {margin-top:-1px !important;} .mt0 {margin-top:0 !important;} .mt1 {margin-top:1px !important;} .mt2 {margin-top:2px !important;} .mt3 {margin-top:3px !important;} .mt4 {margin-top:4px !important;} .mt5 {margin-top:5px !important;} .mt6 {margin-top:6px !important;} .mt7 {margin-top:7px !important;} .mt8 {margin-top:8px !important;} .mt9 {margin-top:9px !important;} .mt10 {margin-top:10px !important;} .mt11 {margin-top:11px !important;} .mt12 {margin-top:12px !important;} .mt13 {margin-top:13px !important;} .mt14 {margin-top:14px !important;} .mt15 {margin-top:15px !important;} .mt16 {margin-top:16px !important;} .mt17 {margin-top:17px !important;} .mt18 {margin-top:18px !important;} .mt19 {margin-top:19px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;} .mt60 {margin-top:60px !important;} .mt65 {margin-top:65px !important;} .mt70 {margin-top:70px !important;} .mt75 {margin-top:75px !important;} .mt80 {margin-top:80px !important;} .mt85 {margin-top:85px !important;} .mt90 {margin-top:90px !important;} .mt95 {margin-top:95px !important;} .mt100 {margin-top:100px !important;} .mb0 {margin-bottom:0 !important;} .mb1 {margin-bottom:1px !important;} .mb2 {margin-bottom:2px !important;} .mb3 {margin-bottom:3px !important;} .mb4 {margin-bottom:4px !important;} .mb5 {margin-bottom:5px !important;} .mb6 {margin-bottom:6px !important;} .mb7 {margin-bottom:7px !important;} .mb8 {margin-bottom:8px !important;} .mb9 {margin-bottom:9px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb18 {margin-bottom:18px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;} .mb40 {margin-bottom:40px !important;} .mb50 {margin-bottom:50px !important;} .mr0 {margin-right:0 !important;} .mr1 {margin-right:1px !important;} .mr2 {margin-right:2px !important;} .mr3 {margin-right:3px !important;} .mr4 {margin-right:4px !important;} .mr5 {margin-right:5px !important;} .mr6 {margin-right:6px !important;} .mr7 {margin-right:7px !important;} .mr8 {margin-right:8px !important;} .mr9 {margin-right:9px !important;} .mr10 {margin-right:10px !important;} .mr11 {margin-right:11px !important;} .mr12 {margin-right:12px !important;} .mr13 {margin-right:13px !important;} .mr14 {margin-right:14px !important;} .mr15 {margin-right:15px !important;} .mr16 {margin-right:16px !important;} .mr17 {margin-right:17px !important;} .mr18 {margin-right:18px !important;} .mr19 {margin-right:19px !important;} .mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;} .mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;} .mr40 {margin-right:40px !important;} .ml0 {margin-left:0 !important;} .ml1 {margin-left:1px !important;} .ml2 {margin-left:2px !important;} .ml3 {margin-left:3px !important;} .ml4 {margin-left:4px !important;} .ml5 {margin-left:5px !important;} .ml6 {margin-left:6px !important;} .ml7 {margin-left:7px !important;} .ml8 {margin-left:8px !important;} .ml9 {margin-left:9px !important;} .ml10 {margin-left:10px !important;} .ml11 {margin-left:11px !important;} .ml12 {margin-left:12px !important;} .ml13 {margin-left:13px !important;} .ml14 {margin-left:14px !important;} .ml15 {margin-left:15px !important;} .ml16 {margin-left:16px !important;} .ml17 {margin-left:17px !important;} .ml18 {margin-left:18px !important;} .ml19 {margin-left:19px !important;} .ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;} .ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;} .ml40 {margin-left:40px !important;} .ml50 {margin-left:50px !important;} .mb-1 {margin-bottom:-1px !important;} .mb-2 {margin-bottom:-2px !important;} .mb-3 {margin-bottom:-3px !important;} /* @media only screen and (max-width : 1240px){ #header #gnb{width:33.3333%;} #snb .inConts{padding:0 !important;} } @media only screen and (max-width : 1024px){ :root, html{font-size:14px;} .pVar{display:none;} .tVar{display:block;} .mVar{display:none;} .br_t{display:block;} .tmVar{display:block;} .br_p{display:none;} table .br_t{display:table-cell;} .inConts{padding:0 1.875rem !important;} #header{} #header h1{left:1.875rem; top:0.875rem;} #header h1>a{width:8.5rem; height:3.563rem; background-image:url('/img/logo_m.png');} #header #gnb{width:50%; padding:7.5rem 1.875rem 1.875rem;} #header #gnb>li{} #header #gnb>li>a{width:100%; height:3.875rem; font-size:1.875rem;} #header #gnb>li>a>span{} #header #gnb>li>a i{width:1.25rem; height:1.25rem;} #header #gnb>li>a i:before, #header #gnb>li>a i:after{} #header #gnb>li>a i:before{height:0.125rem; margin:-0.0625rem 0 0 -0.625rem;} #header #gnb>li>a i:after{width:0.125rem; height:100%; margin:-0.625rem 0 0 -0.0625rem;} #header #gnb .gnbSub{margin:0.625rem 0 1.25rem; padding:1.25rem; border-radius:0.3125rem;} #header #gnb .gnbSub>li{} #header #gnb .gnbSub>li>a{padding:0; height:2.875rem; font-size:1.375rem;} #header #gnb .gnbSub>li>a>span{} #header .mMenu{width:2.188rem; height:1.375rem; right:1.875rem; top:2.125rem;} #sVisual{} #sVisual .sVisual_in{} #sVisual h2{} #sVisual h2>strong{font-size:2.875rem;} #snb{} #snb #nav{} #snb #nav>li{} #snb #nav>li>a{height:4rem; font-size:1.375rem;} #snb #nav>li>a>span{} #pageTop{} #pageTop>h3{font-size:2.5rem;} #container{padding:0 1.875rem 7.5rem;} #footer{} #footer .d_link{} #footer .d_link a{font-size:1.375rem; line-height:5rem;} #footer .d_link a+a{margin-left:1.875rem;} #footer .d_link a.point{} #footer .text{padding:2.813rem 0; text-align: center;} #footer .text:before{width: 14.88rem; height:2.5rem; margin:0 auto 15px; position: static; top:0;} #footer .text>p{} #footer .text>address, #footer .text>p>span{font-size:1.375rem; line-height:2.188rem;} #footer .text>p>span+span{margin-left:2.063rem;} #footer .text>p>span+span:before{height: 0.75rem; margin-top:-0.375rem; left: -1.063rem;} #footer .text>address{padding-top:1.25rem; font-size:1.25rem;} #footer .text>address>span{} a.goTop{width:3.75rem; height:3.75rem; right:0.9375rem; bottom:0.9375rem;} a.goTop:before{background-size:14px 14px;} a.goTop:hover{border-radius:1.563rem;} } @media only screen and (max-width : 768px){ .pVar{display:none;} .tVar{display:none;} .mVar{display:block;} .tmVar{display:block;} .br_t{display:block;} .br_p{display:none;} table .br_t{display:table-cell;} :root, html{font-size:10px;} #header #gnb{width:100%;} #sVisual .sVisual_in{height:23.75rem;} #sVisual.bg_1{background-image:url('../img/img_sVisual_1_m.jpg')} #sVisual.bg_2{background-image:url('../img/img_sVisual_2_m.jpg')} #sVisual.bg_3{background-image:url('../img/img_sVisual_3_m.jpg')} #sVisual.bg_4{background-image:url('../img/img_sVisual_4_m.jpg')} } */ /* -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px); transition: all .5s linear; transition: all .5s ease-out; transform:rotate(180deg); -webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear; -webkit-transition-delay: .8s; transition-delay: .8s; :before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} display: flex; justify-content: space-between; // 양쪽 끝 ì •ë ¬ display: flex; justify-content: space-around; // 센터 ì •ë ¬ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기 display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기 active :first-child text-indent:-99999px; !important display:table; table-layout:fixed; display:table-row; display:table-cell; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-radius:2px; */ a.tmp_a{position:absolute;bottom:0;left:0;} a.tmp_a:nth-child(4){left:80px;} a.tmp_a:nth-child(5){left:180px;} a.tmp_a:nth-child(6){left:260px;} a.tmp_a:nth-child(7){left:360px;} a.tmp_a:nth-child(8){left:440px;} #header .wrap_right .menu_btn{width:40px;height:35px;cursor: pointer;position: relative;margin-left:10px;} #header .wrap_right .menu_btn span{display:block;position:absolute;background:#fff;width:100%;height:4px;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;} #header .wrap_right .menu_btn span:first-child{left:0;top:0;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);} #header .wrap_right .menu_btn span:nth-child(2){left:0;top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);} #header .wrap_right .menu_btn span:last-child{left:0;top:100%;-webkit-transform: translate(0,-100%);-moz-transform: translate(0,-100%);-ms-transform: translate(0,-100%);-o-transform: translate(0,-100%);transform: translate(0,-100%);} #header .wrap_right .menu_btn:hover span:first-child{left:0;top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);} #header .wrap_right .menu_btn:hover span:nth-child(2){opacity: 0;} #header .wrap_right .menu_btn:hover span:last-child{left:0;top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);} #header .wrap_right .menu_btn.active{opacity: 0;} #header .wrap_right .menu_btn.active span:first-child{left:0;top:50%;-webkit-transform: translate(0,-50%) rotate(45deg);-moz-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);-o-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);} #header .wrap_right .menu_btn.active span:nth-child(2){opacity: 0;} #header .wrap_right .menu_btn.active span:last-child{left:0;top:50%;-webkit-transform: translate(0,-50%) rotate(-45deg);-moz-transform: translate(0,-50%) rotate(-45deg);-ms-transform: translate(0,-50%) rotate(-45deg);-o-transform: translate(0,-50%) rotate(-45deg);transform: translate(0,-50%) rotate(-45deg);} .mobile_btn{display:none;} #header .gnbArea #gnb li.mobile_li{display:none} .modal{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:-1111;opacity: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .modal.active{top:0;opacity: 1;z-index:10000001;} .modal.deactive{display: none;} .modal > div{background:#fff;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);opacity: 1;width:500px;z-index:1} .modal.active > div{background:#fff;} .modal.active .bg{position: absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:transparent;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .modal.active > div .modal_close{position: fixed;bottom:0;left:0;width:100%;height: 10%;text-align: center;background:#fff;z-index:10; display: flex; align-items: center; justify-content: center; } .modal.active > div .modal_close input{padding:6px 40px;font-size:16px;color:#fff;background:#25b7bc;border:none;border-radius: 30px 30px;cursor: pointer} .modal.active > div .modal_close input.submit_btn{background: #111111;} .modal.active > div.menu{width:900px;-webkit-border-radius:15px 15px;-moz-border-radius:15px 15px;border-radius:15px 15px;overflow: hidden;} .modal.active > div.menu#menu03{width:560px;} .modal.active > div.menu#sns{width:560px;} .modal.active > div.menu .modal_tab:after{content:"";clear:both;display:block;} .modal.active > div.menu .modal_tab.menu01 ul li{float:left;width:calc(100% / 3);text-align: center;padding:18px 0;cursor: pointer;font-size:20px;font-weight:bold;background:#e4e4e4;color:#808080;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif} .modal.active > div.menu .modal_tab.menu02 ul li{float:left;width:calc(100% / 2);text-align: center;padding:18px 0;cursor: pointer;font-size:20px;font-weight:bold;background:#e4e4e4;color:#808080;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif} .modal.active > div.menu .modal_tab ul li:hover, .modal.active > div.menu .modal_tab ul li.active{background:#fff;color:#25b7bc;font-family:'Noto Sans CJK KR Bold',dotum,sans-serif;} .modal.active > div.menu .modal_con {padding:20px ;overflow-y: auto;min-height:50vh; max-height: 70vh;} /*.modal.active > div.menu#menu02 .modal_con {max-height:90vh;}*/ .modal.active > div.menu .modal_con::-webkit-scrollbar{ width:4px; } .modal.active > div.menu .modal_con::-webkit-scrollbar-track{ background-color:transparent; } .modal.active > div.menu .modal_con::-webkit-scrollbar-thumb{ -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px; background-color:rgba(0,0,0,0.6); } .modal.active > div.menu .modal_con::-webkit-scrollbar-button{ width:0;height:0; } .modal.active > div.menu .modal_con > div{display:none} .modal.active > div.menu .modal_con > div.active{display:block;} .modal.active > div.menu .pd_tab_con {display:inline-block;width:100%;} .modal.active > div.menu .pd_tab_con > div{display:none;} .modal.active > div.menu .pd_tab_con > div.active{display:block;} .modal.active > div.menu .modal_con_tab ul#menu01:after{content:"";clear:both;display:block;} .modal.active > div.menu .modal_con_tab ul#menu01 li{float:left;width:calc(33.33% - 6.66px);margin-right:10px;border:2px solid #ddd;color:#888;padding:10px;text-align: center;font-size:16px;-webkit-border-radius:5px 5px;-moz-border-radius:5px 5px;border-radius:5px 5px;cursor:pointer;} .modal.active > div.menu .modal_con_tab ul#menu01 li.active{border:2px solid #25b7bc;color:#25b7bc} .modal.active > div.menu .modal_con_tab ul#menu01 li:last-child{margin-right:0;} .modal.active > div.menu .modal_con_tab ul#menu02:after{content:"";clear:both;display:block;} .modal.active > div.menu .modal_con_tab ul#menu02 li{float:left;margin-right:10px;border:2px solid #ddd;color:#888;padding:10px;text-align: center;font-size:14px;-webkit-border-radius:5px 5px;-moz-border-radius:5px 5px;border-radius:5px 5px;cursor:pointer;} .modal.active > div.menu .modal_con_tab ul#menu02 li.active{border:2px solid #25b7bc;color:#25b7bc} .modal.active > div.menu .modal_con_tab ul#menu02 li:last-child{margin-right:0;} .modal.active > div.menu#menu01 .main_imgs{width:100%;height:460px;margin:20px 0;} .modal.active > div.menu#menu01 .main_imgs .item .img{width:100%;height:460px;} .modal.active > div.menu#menu01 .thumb_imgs{width:100%;} .modal.active > div.menu#menu01 .thumb_imgs .item {border:2px solid #ddd;} .modal.active > div.menu#menu01 .thumb_imgs .item.hover {border:2px solid #25b7bc;} .modal.active > div.menu#menu01 .thumb_imgs .item .img{width:100%;height:110px;} .modal.active > div.menu#menu01 .pd_detail{margin:30px 0 0 0;} .modal.active > div.menu#menu01 .pd_detail h2{font-size:30px;font-weight:bold;color:#25b7bc;padding-bottom:15px;} .modal.active > div.menu#menu01 .pd_detail p *{font-size:15px !important;font-weight:normal !important;line-height: 1 !important;} .modal.active > div.menu#menu02{max-height: 97vh} /*.modal.active >*/ div.menu#product {-webkit-border-radius:15px 15px;-moz-border-radius:15px 15px;border-radius:15px 15px;border-radius: 15px 15px;height:80%;} /*.modal.active >*/ div.menu#product .in_modal {background:#fff;overflow: hidden;overflow-y: auto;position: relative;height:100%;padding:20px;} /*.modal.active >*/ div.menu#product div.pd_tab{position: relative;} /*.modal.active >*/ div.menu#product div.pd_tab:after{content:"";clear:both;display:block;} /*.modal.active >*/ div.menu#product div.pd_tab li{float:left;padding:14px 30px;font-size:20px;background: #e4e4e4;color: #818181;cursor: pointer;width:25%;text-align: center;} /*.modal.active >*/ div.menu#product div.pd_tab li:first-child{-webkit-border-radius:12px 0 0 0 ;-moz-border-radius:12px 0 0 0 ;border-radius:12px 0 0 0 ;} /*.modal.active >*/ div.menu#product div.pd_tab li:last-child{-webkit-border-radius: 0 12px 0 0;-moz-border-radius: 0 12px 0 0 ;border-radius:0 12px 0 0 ;} /*.modal.active >*/ div.menu#product div.pd_tab li:hover, /*.modal.active >*/ div.menu#product div.pd_tab li.active{background:#ffff;color:#25b7bc;font-family: 'Noto Sans CJK KR Bold',dotum,sans-serif;} div.menu#product .modal_close{position: fixed;bottom: 0;left: 0;background: #fff; -webkit-border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; border-radius:0 0 12px 12px; width: 100%; height: 10%; display: flex; align-items: center; justify-content: center; } div.menu#speed{height:100%;background:#fff;} div.menu#speed .modal_close{position: fixed;bottom: 0;left: 0; width: 100%; height: 65px; background: #fff;} .ceo_greeting {padding:40px;background:url('../img/ceo_greeting_b.jpg')center / cover no-repeat;} .ceo_greeting h2{font-size:26px;color:#000;font-weight:bold;} .ceo_greeting p{font-size:16px;color:#000;width:50%;word-break: keep-all;padding:20px;} .ceo_greeting .sign{width:50%;text-align: right} .ceo_greeting .sign span{font-size:14px;color:#000} .ceo_greeting .sign img{width: 90px;} #speed{padding-bottom:50px;} #speed .sub_titles{font-size:20px;color:#25b7bc;margin-bottom:15px;} .club_intro {display:flex;margin-bottom:40px;} .club_intro:after{content:"";display:block;clear:both;} .club_intro > div{float:left;} .club_intro > div:first-child{width:224px;} .club_intro > div:nth-child(2){width:140px;margin:0 20px;position: relative;height:210px;} .club_intro > div:nth-child(2) img{width:100%;} .club_intro > div:nth-child(2) img:last-child{position:absolute;bottom:0;left:0;cursor: pointer} .club_intro > div:last-child{width:calc(100% - 387px);line-height: 1.4;position: relative;height:220px;} .club_intro > div:last-child p{font-size:16px;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif;word-break: keep-all;padding:10px 0;} .language .club_intro > div:last-child p{font-size:16px;font-family: 'Noto Sans Regular';word-break: keep-all;padding:11px 0;} .club_intro > div:last-child button{position: absolute;bottom:0;width:60%;margin:0 0 11px 0;border:none;background:#2d2c28;color:#fff;padding:7px 10px 10px 20px;text-align: left;line-height:normal;} .club_intro > div:last-child button span{font-size:18px;display:inline-block;vertical-align: middle;z-index:1;position: relative;font-family: 'Noto Sans CJK KR DemiLight',dotum,sans-serif;} .club_intro > div:last-child button span:last-child{width:45px;height:100%;background:#25b7bc;position: absolute;right:0;top:0;z-index:0;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;} .club_intro > div:last-child button span img{width:48px;height:48px;padding:6px;float:right;} .club_intro > div:last-child button:hover span:last-child{width:100%;} .club_intro > div:last-child button:hover span:last-child img{left:inherit;right:0;} .grid5{padding-bottom:40px;} .grid5:after{content:"";clear:both;display:block;} .grid5 ul{display:flex;justify-content: space-between} .grid5 ul:after{content:"";clear:both;display:block;} .grid5 li{width:calc(20% - 10px);margin-right:10px;text-align: center;padding:10px;border:2px solid #ddd;min-height:190px;position: relative;float:left;} .grid5 li:last-child{margin-right:0;} .grid5 li img{flex:auto;height:45px;} .grid5 li h2{font-size:20px;font-weight:normal;padding-top:10px;flex:auto;color:#737474;} .grid5 li p{font-size:14px;height:60px;justify-content: flex-start;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif;word-break: keep-all} .grid5 li p.en{font-size:12px;height:70px;} .language .grid5 li p{font-size:15px;width:100%;padding:0 20px;} .grid5 li:before{content:"";width:50px;height:4px;background:#25b7bc;display:block;position:absolute;top:-2px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .speed_contact {margin-bottom:40px;} .speed_contact div.imgs{display:flex;justify-content: space-between;margin-bottom:20px;} .speed_contact div.imgs:after{content:"";clear:both;display:block;} .speed_contact div.imgs img{width:calc(50% - 10px);margin-right:20px;float:left;} .speed_contact div.imgs img:last-child{margin-right:0;} .speed_contact p{font-size:16px;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif;} .speed_contact p span{font-size:20px;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;color:#25b7bc} .grid3{margin-bottom:40px;} .grid3 ul{display:flex;justify-content: space-between;} .grid3 ul:after{content:"";clear:both;display:block;} .grid3 ul li{width:calc(33.33% - 20px);padding:60px 0;margin-right:30px;border-radius: 20px;position: relative;text-align:center;cursor: pointer;float:left;} .grid3 ul li:last-child{margin-right:0;} .grid3 ul li:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.2);z-index:0;border-radius: 20px;} .grid3 ul li:hover:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.6);z-index:0;border-radius: 20px;} .grid3 ul li h2{color:#fff;opacity: 1;font-size:22px;font-family: 'Noto Sans CJK KR Regular',dotum,sans-serif;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;position: relative;z-index:2;} .language .grid3 ul li h2{padding:0 20px;width:100%;} .grid3 ul li:hover h2{opacity: 1;color:#fff;} .speed_service{display:flex;justify-content: space-between;flex-wrap: wrap} .speed_service:after{content:"";clear:both;display:block;} .speed_service > div{width:calc(50% - 5px);margin-bottom:30px;float:left;min-height: 115px;} .speed_service > div:nth-child(odd){padding-right:10px;} .speed_service > div:nth-child(3), .speed_service > div:nth-child(4){margin-bottom:0;} .speed_service > div h2{font-size:18px;color:#25b7bc;margin-bottom:30px;} .speed_service > div h2:before{content:"";width:8px;height:8px;display:inline-block;vertical-align: middle;margin-right:10px;background:#25b7bc;-webkit-border-radius:50% 50%;-moz-border-radius:50% 50%;border-radius:50% 50%;} .speed_service > div p{font-size:16px;font-family: "Noto Sans CJK KR Light", dotum, sans-serif;width:100%;word-break: keep-all;position: relative;padding-left:20px;} .speed_service > div p:before{content:'·';font-size:25px;position: absolute;left:0;top:-5px;} .catalogue h2{font-size:20px;font-family: 'Noto Sans CJK KR Bold',dotum,sans-serif;text-align:center;} .catalogue h2 span{color:#25b7bc} .catalogue_cate:after{content:"";clear:both;display:block;} .catalogue_cate .catal_item{border:1px solid #ddd;border-bottom:5px solid #25b7bc;width:calc(33.33% - 10px);margin-right:10px;margin-bottom:20px;background:#fff;float:left;} .catalogue_cate .catal_top {border-bottom:1px solid #ddd;} .catalogue_cate .catal_top .img{width:100%;height:138px;overflow: hidden;} .catalogue_cate .catal_top .img img{width:100%;} .catalogue_cate .catal_btm {padding:20px;text-align: center;} .catalogue_cate .catal_btm h3{font-size:16px;margin-bottom:10px;} .catalogue_cate .catal_btm p{font-size:14px;width:80%;margin:0 auto;word-break: keep-all;} .catalogue_cate .catal_btm .down_btn{margin:20px auto 10px auto;position:relative;display: inline-block;cursor: pointer;} .catalogue_cate .catal_btm .down_btn > div {position:relative;width:140px;padding:8px 0;height:35px;background:transparent;-webkit-border-radius:50px 50px;-moz-border-radius:50px 50px;border-radius:50px 50px;overflow: hidden;text-align: center;} .catalogue_cate .catal_btm .down_btn > div:before {content:"카탈로그 다운로드";opacity: 0;display:inline-block;vertical-align: middle;font-size:14px;color:#fff;position: absolute;top:50%;left:50%;z-index:1;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:100%;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .catalogue_cate.en .catal_btm .down_btn > div:before {content:"DOWNLOAD";opacity: 0;display:inline-block;vertical-align: middle;font-size:14px;color:#fff;position: absolute;top:50%;left:50%;z-index:1;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:100%;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .catalogue_cate .catal_btm .down_btn > div span:first-child{width:15px;height:4px;background:#25b7bc;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .catalogue_cate .catal_btm .down_btn > div span:last-child{width:4px;height:15px;background:#25b7bc;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .catalogue_cate .catal_btm .down_btn > div{} .catalogue_cate .catal_btm .down_btn > div:before{content:"카탈로그 다운로드";opacity: 1;} .catalogue_cate.en .catal_btm .down_btn > div:before{content:"DOWNLOAD";opacity: 1;} .catalogue_cate .catal_btm .down_btn > div span:first-child{width:100%;height:100%;z-index:0;-webkit-border-radius:50px 50px;-moz-border-radius:50px 50px;border-radius:50px 50px;} .catalogue_cate .catal_btm .down_btn > div span:last-child{width:100%;height:100%;z-index:0;-webkit-border-radius:50px 50px;-moz-border-radius:50px 50px;border-radius:50px 50px;} .modal_title h2{padding:20px 0;font-size:20px;color:#25b7bc;text-align: center;font-family: 'Noto Sans CJK KR Bold',dotum,sans-serif;} .modal.active > div.menu .modal_con > div#form_wrap{display:block;} #form_wrap ul li {position: relative;margin-bottom:6px;} #form_wrap ul li.content_li{margin-top:15px;margin-bottom:0;} #form_wrap ul li label{position: absolute;left:11px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);font-size:15px;} #form_wrap ul li label span{display:inline-block;vertical-align: middle;color:#25b7bc;} #form_wrap ul li.content_li label{display:block;position: relative;left:0;top:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;font-size:17px;font-family: "Noto Sans CJK KR Bold",dotum,sans-serif;margin-bottom:10px;} #form_wrap ul li p{color:#25b7bc;font-size:14px;padding-top:6px;} #form_wrap ul li .frm_input{width:100%;border:2px solid #ddd;padding:13px 13px 13px 106px;font-size:16px;height:auto;line-height: inherit} #form_wrap ul li .frm_input.frm_select{height:130px;padding:10px;resize:none;font-size:16px;} #form_wrap ul li .frm_input:focus{ outline:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:2px solid #25b7bc !important; } #form_wrap ul li div.files{position: relative;} #form_wrap ul li div.files .frm_input{padding:13px;} #form_wrap ul li input[type=file]{display:none;} #form_wrap ul li input[type=file] + label{font-size:14px;padding:10px;background:#ddd;position: absolute;right:13px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;left:inherit;} #pd_rotate{position: relative;text-align: center;display:block;} #pd_rotate img.loading_img{width:100%;} #pd_rotate:before{content:"";position: absolute;font-size:14px;color:#fff;top:50%;left:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} #pd_rotate:after{content:"";position: absolute;font-size:14px;color:#fff;top:50%;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .cd-product-viewer-wrapper { text-align: center; padding: 0; } .cd-product-viewer-wrapper > div { display: inline-block; } .cd-product-viewer-wrapper .product-viewer { position: relative; z-index: 1; display: inline-block; overflow: hidden; } .cd-product-viewer-wrapper img { /* this is the image visible before the image sprite is loaded */ display: block; position: relative; z-index: 1; } .cd-product-viewer-wrapper .product-sprite { position: absolute; z-index: 2; top: 0; left: 0; height: 100%; /* our image sprite is composed by 16 frames */ width: 3700%; /*background: url(../img/alfa.png) no-repeat center center;*/ background-size: 100%; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .cd-product-viewer-wrapper.loaded .product-sprite { /* image sprite has been loaded */ opacity: 1; cursor: pointer; } .cd-product-viewer-handle { position: relative; z-index: 2; width: 60%; max-width: 300px; border-radius: 50em; margin: 10px auto ; height: 4px; background: #4d4d4d; } .cd-product-viewer-handle h2{padding-top:40px;font-size:16px;color:#999;} .cd-product-viewer-handle .fill { /* this is used to create the loading fill effect */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; border-radius: inherit; background: #25b7bc; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .no-csstransitions .cd-product-viewer-handle .fill { display: none; } .loaded .cd-product-viewer-handle .fill { /* image sprite has been loaded */ opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s; transition: transform 0.3s, opacity 0.2s 0.3s; } .cd-product-viewer-handle .handle { position: absolute; z-index: 2; display: inline-block; height: 22px; width: 22px; left: 0; top: -10px; background: #25b7bc /*url(../img/cd-arrows.svg) no-repeat center center*/; border-radius: 50%; /* replace text with image */ text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .cd-product-viewer-handle .handle:active { box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2); } .loaded .cd-product-viewer-handle .handle { /* image sprite has been loaded */ -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-animation: cd-bounce 0.3s 0.3s; -moz-animation: cd-bounce 0.3s 0.3s; animation: cd-bounce 0.3s 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; cursor: pointer; } @-webkit-keyframes cd-bounce { 0% { -webkit-transform: translateX(-50%) scale(0); } 60% { -webkit-transform: translateX(-50%) scale(1.1); } 100% { -webkit-transform: translateX(-50%) scale(1); } } @-moz-keyframes cd-bounce { 0% { -moz-transform: translateX(-50%) scale(0); } 60% { -moz-transform: translateX(-50%) scale(1.1); } 100% { -moz-transform: translateX(-50%) scale(1); } } @keyframes cd-bounce { 0% { -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); } 60% { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); } 100% { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } } .rotate_tab{text-align: center;} .rotate_tab li {padding:6px 10px;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;font-size:16px;font-weight:500;color:#000;background: #e4e4e4;list-style:none;text-align: center;display:inline-block;margin-right:10px;cursor:pointer;} .rotate_tab li:last-child {margin-right:0;} .rotate_tab li:hover , .rotate_tab li.active {background:#25b7bc;color:#fff;} .pd_video_con {padding:20px;} .pd_video_con #pd_video{width: 100% !important;height: 483px !important;} .spec_tit{font-size:26px;font-family: 'Noto Sans CJK KR Bold',dotum,sans-serif;color:#25b7bc;} .spec_tit span{color:#000;} .spec_tab{text-align: center;margin:30px 0 10px;} .spec_tab ul{display:flex;flex-wrap:wrap;justify-content: space-around} .spec_tab ul:after{content:"";clear:both;display:block;} .spec_tab li {padding:6px 0;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;font-size:16px;font-weight:500;color:#000;background: #e4e4e4;list-style:none;text-align: center;margin-right:10px;cursor:pointer;} .spec_tab li:last-child {margin-right:0;} .spec_tab li:hover , .spec_tab li.active {background:#25b7bc;color:#fff;} .spec_tab.spec_tab_large ul{justify-content: inherit} .spec_tab.spec_tab_large li{font-size:12px;line-height:normal;width:calc(14.28% - 9px) !important;margin-right:10px;margin-bottom:10px;} .spec_tab.spec_tab_large li:nth-child(7n){margin-right:0;} .spec_tab.th-a5 ul{justify-content: flex-start !important;} .spec_tab.th-a5 li{width:calc(20% - 8px) !important;margin-bottom:10px;font-size:12px;} .spec_tab.th-a5 li:nth-child(5n){margin-right:0;} .pd_info {padding:30px 0;height: 100%;overflow: auto;} .pd_info:after{content:"";clear:both;display:block;} .pd_info .no_rotate{width:48%;display: inline-block;vertical-align: middle;} .pd_info .pd_line_name{width:50%;display: inline-block;vertical-align: middle;} .pd_info .pd_line_name h2{font-size:38px;color:#25b7bc;font-family: "Noto Sans CJK KR Bold",dotum,sans-serif;} .pd_info .pd_line_name h3{font-size:38px;color:#000;font-family: "Noto Sans CJK KR Bold",dotum,sans-serif;} .pd_spec .esti_tit2{padding:30px 0 20px;border-bottom:1px solid #25b7bc;font-size:18px;text-align: left;color:#000;font-family: "Noto Sans CJK KR Medium",dotum,sans-serif;} .pd_spec .line_td{display:flex;justify-content: space-between} .pd_spec .line_td:after{content:"";clear:both;display:block;} .pd_spec .line_td > div{flex:1 1 auto;padding:10px;text-align: center;font-size:16px;float:left;} .pd_spec .line_td > div:first-child{width:280px;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;text-align: left;max-width:280px;} .pd_spec .line_td > div:nth-child(2){width:120px;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;max-width:120px;} .pd_spec .line_td > div:nth-child(3){width:calc((100% - 410px) / 3);text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;} .pd_spec .line_td > div:nth-child(4){width:calc((100% - 410px) / 3);text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;} .pd_spec .line_td > div:last-child{width:calc((100% - 410px) / 3);text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;} .pd_spec .line_td > div.dual{width:calc((100% - 410px) / 3) !important;} .pd_spec .line_td > div.single{width:calc(100% - 410px) !important;} .pd_spec .line_td > div.no_empty{display:none;} #sns .modal_tit{text-align: center;padding:10px 0 30px 0;background: #ffffff;} #sns .modal_tit h2{font-size:30px;font-family: 'Noto Sans CJK KR Black',dotum,sans-serif;color:#000;} .sns_wrap{margin-bottom:30px;} .sns_wrap:after {content:"";clear:both;display:block;} .sns_wrap > div{width:calc(50% - 5px);float:left;margin-right:10px;margin-bottom:10px;padding:0 15px;border:3px solid ;cursor: pointer; -webkit-border-radius:8px 8px; -moz-border-radius:8px 8px; border-radius:8px 8px;} .sns_wrap > div:nth-child(even){margin-right:0;} .sns_wrap > div:nth-child(n + 3){margin-bottom:0;} .sns_wrap > div.face{border-color: #1877f2;} .sns_wrap > div.youtu{border-color: #ff0000;} .sns_wrap > div.naver{border-color: #39af05;} .sns_wrap > div.linked{border-color: #0a66c2;} #sns #link_wrap {text-align: center;} #sns .link_btn {border:2px solid #ddd;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;padding:6px 25px;text-align: center;background:#fff;cursor: pointer;} #sns .link_btn img{display: inline-block;vertical-align:middle;width:150px;} #sns .link_btn span{display: inline-block;vertical-align: bottom;font-size:16px;font-family: "Noto Sans CJK KR Medium",dotum, sans-serif;color:#25b7bc} #home_wrap{text-align: center;margin-top:10px;} #home_wrap .link_btn{border:2px solid #25b7bc ;-webkit-border-radius:8px 8px;-moz-border-radius:8px 8px;border-radius: 8px 8px;padding:10px 30px;} .gl_list {margin-bottom:100px;} .gl_list ul li{width:100%;border-bottom:1px solid #888;padding:5px 0;} .gl_list ul li:first-child{border-top:1px solid #888;} .gl_list ul li:after{content:"";clear:both;display:block;} .gl_list ul li > div{/*float:left;*/display:inline-block;vertical-align: middle} .gl_list ul li > div:first-child{width:25%;font-size:16px;color:#25b7bc;text-align:center;font-family: "Noto Sans CJK KR Bold",dotum,sans-serif;position: relative;} .gl_list ul li > div:first-child.gl_2{font-size:14px;color:#444;text-align:center;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;} .gl_list ul li > div:first-child.gl_2 h2{font-size:20px;} .gl_list ul li > div:first-child.gl_2 li{cursor: pointer;border:1px solid #ddd;-webkit-border-radius:20px 20px;-moz-border-radius:20px 20px;border-radius:20px 20px;margin-bottom:5px;} .gl_list ul li > div:first-child.gl_2 li.single{cursor:inherit;border:none;} .gl_list ul li > div:first-child.gl_2 li.active.single{cursor:inherit;border:none;} .gl_list ul li > div:first-child.gl_2 li:hover, .gl_list ul li > div:first-child.gl_2 li.active{color:#25b7bc;text-align:center;font-family: "Noto Sans CJK KR Bold",dotum,sans-serif;border:1px solid #25b7bc} .gl_list ul li > div:first-child.gl_2 li:last-child{margin-bottom:0;} .gl_list ul li > div:nth-child(2){width:58%;position: relative;padding-left:15px;} .gl_list ul li > div:nth-child(2) div{font-size:14px;padding:5px 0;} .gl_list ul li > div:nth-child(2):before{position: absolute;content:"";top:50%;left:0;width:1px;background:#888;height:80%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .gl_list ul li > div:last-child{width:15%;text-align: center;} .gl_list ul li > div:last-child input[type=button]{width:100%;border:1px solid #ddd;background:#fff;font-size:15px;color:#000;-webkit-border-radius:6px 6px;-moz-border-radius:6px 6px;border-radius:6px 6px;padding:15px 10px;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .gl_list ul li > div:last-child input[type=button]:hover{background:#25b7bc;border:1px solid #25b7bc;color:#fff;} .hide_map{display:none;} .global_tab{text-align: center;margin-bottom:30px;} .global_tab li {width:120px;padding:6px 0;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;font-size:16px;font-weight:500;color:#000;background: #e4e4e4;list-style:none;text-align: center;display:inline-block;margin-right:10px;cursor:pointer;} .global_tab li:last-child {margin-right:0;} .global_tab li:hover , .global_tab li.active {background:#25b7bc;color:#fff;} .gl_wrap > div {display:none;} .gl_wrap > div.active {display:block;} .b_list{margin:30px 0 0 0;} #b_thumb{margin-top:20px} #b_thumb .item {cursor: pointer} #b_thumb .item .img{width:100%;height:90px;border:2px solid #ddd;} #b_thumb .owl-dots{position:relative;padding:15px 0;text-align: center;} #b_thumb .owl-dots .owl-dot span{display:inline-block;vertical-align: middle;margin:0 3px;width:10px;height:10px;background:#ddd; -webkit-border-radius:50% 50%; -moz-border-radius:50% 50%; border-radius:50% 50%;} #b_thumb .owl-dots .owl-dot.active span{background:#25b7bc} .view_box{width:100%;padding:10px;} .view_box h2{font-size:18px;padding:6px 0;text-align: center;border-bottom:1px solid #ddd;border-top:1px solid #ddd;} .view_box.empty h2{padding:220px 0;} .view_box::-webkit-scrollbar{ width:4px; } .view_box::-webkit-scrollbar-track{ background-color:transparent; } .view_box::-webkit-scrollbar-thumb{ -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px; background-color:rgba(0,0,0,0.6); } .view_box::-webkit-scrollbar-button{ width:0;height:0; } .view_box iframe{width:100% !important;height:470px !important;} .view_box p{display:none} .view_box p:first-child{display:block;} .move_exhibi{position: fixed;top:-100vh;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:-100} .move_exhibi > div{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .move_exhibi.active{top:0;opacity: 1;z-index:100000;} .move_exhibi > div div.sel_exhi{width:1200px;text-align: center;margin:0 auto;position: relative;} .move_exhibi > div div.sel_exhi:after{content:"";display:block;clear:both;} .move_exhibi > div div.sel_exhi > div{float:left;width:calc(33.33% - 33.33px);margin-right:50px;height:300px;border:2px solid #fff;padding:30px;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;cursor:pointer;overflow: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative;} .move_exhibi > div div.sel_exhi > div h2{color:#fff;font-size:26px;margin-bottom:15px;} .move_exhibi > div div.sel_exhi > div h1{color:#fff;font-size:46px;font-family: "Noto Sans CJK KR Black",dotum,sans-serif;} .move_exhibi > div div.sel_exhi > div p{color:#fff;font-size:18px;word-break: keep-all} .move_exhibi > div div.sel_exhi > div .ex_btn{display:inline-block;font-size:16px;padding:5px 10px;-webkit-border-radius:40px 40px;-moz-border-radius:40px 40px;border-radius:40px 40px;border:2px solid #fff;color:#fff;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;line-height:16px;height:34px;position:absolute;bottom:40px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .move_exhibi > div div.sel_exhi > div .ex_btn:hover{background:#fff;border:2px solid #fff;color:#25b7bc} .move_exhibi > div div.sel_exhi > div:last-child{margin-right:0;} .move_exhibi > div div.sel_exhi > div:hover{background:#25b7bc;border:2px solid #25b7bc} .move_exhibi > div div.sel_exhi > div .new{position: absolute;left:0;top:0;font-size:20px;color:#fff;background:#25b7bc;padding:15px 50px 10px 50px;-webkit-transform: rotate(-45deg) translate(-32px,-32px);-moz-transform: rotate(-45deg) translate(-32px,-32px);-ms-transform: rotate(-45deg) translate(-32px,-32px);-o-transform: rotate(-45deg) translate(-32px,-32px);transform: rotate(-45deg) translate(-32px,-32px);} .move_exhibi > div div.sel_exhi2{width:1500px;text-align: center;margin:0 auto;position: relative;} .move_exhibi > div div.sel_exhi2:after{content:"";display:block;clear:both;} .move_exhibi > div div.sel_exhi2 > div{float:left;width:calc(20% - 24px);margin-right:30px;height:300px;border:2px solid #fff;padding:30px;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;cursor:pointer;overflow: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative;} .move_exhibi > div div.sel_exhi2 > div h2{color:#fff;font-size:26px;margin-bottom:15px;} .move_exhibi > div div.sel_exhi2 > div h1{color:#fff;font-size:30px;font-family: "Noto Sans CJK KR Black",dotum,sans-serif;} .move_exhibi > div div.sel_exhi2 > div p{color:#fff;font-size:16px;word-break: keep-all} .move_exhibi > div div.sel_exhi2 > div .ex_btn{display:inline-block;font-size:16px;padding:5px 10px;-webkit-border-radius:40px 40px;-moz-border-radius:40px 40px;border-radius:40px 40px;border:2px solid #fff;color:#fff;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;line-height:16px;height:34px;position:absolute;bottom:40px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .move_exhibi > div div.sel_exhi2 > div .ex_btn:hover{background:#fff;border:2px solid #fff;color:#25b7bc} .move_exhibi > div div.sel_exhi2 > div:last-child{margin-right:0;} .move_exhibi > div div.sel_exhi2 > div:hover{background:#25b7bc;border:2px solid #25b7bc} .move_exhibi > div div.sel_exhi2 > div .new{position: absolute;left:0;top:0;font-size:20px;color:#fff;background:#25b7bc;padding:15px 50px 10px 50px;-webkit-transform: rotate(-45deg) translate(-32px,-32px);-moz-transform: rotate(-45deg) translate(-32px,-32px);-ms-transform: rotate(-45deg) translate(-32px,-32px);-o-transform: rotate(-45deg) translate(-32px,-32px);transform: rotate(-45deg) translate(-32px,-32px);} .move_exhibi .close{position: absolute;top:30px !important;right:15px !important;width:40px;height:40px;left:initial;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .move_exhibi .close span{position: absolute;width:100%;height:4px;background:#fff;} .move_exhibi .close span:first-child{-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);left:50%;top:50%;} .move_exhibi .close span:last-child{-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);left:50%;top:50%;} .move_exhibi #exhibi{width:1500px;text-align: center;margin:0 auto;position: relative;} .move_exhibi #exhibi .owl-item{float:left;} .move_exhibi #exhibi:after{content:"";display:block;clear:both;} .move_exhibi #exhibi .item > div{height:300px;border:2px solid #fff;padding:30px;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;cursor:pointer;overflow: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative;} .move_exhibi #exhibi .item > div h2{color:#fff;font-size:26px;margin-bottom:15px;} .move_exhibi #exhibi .item > div h1{color:#fff;font-size:30px;font-family: "Noto Sans CJK KR Black",dotum,sans-serif;} .move_exhibi #exhibi .item > div p{color:#fff;font-size:16px;word-break: keep-all} .move_exhibi #exhibi .item > div .ex_btn{display:inline-block;font-size:16px;padding:5px 10px;-webkit-border-radius:40px 40px;-moz-border-radius:40px 40px;border-radius:40px 40px;border:2px solid #fff;color:#fff;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;line-height:16px;height:34px;position:absolute;bottom:40px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .move_exhibi #exhibi .item > div .ex_btn:hover{background:#fff;border:2px solid #fff;color:#25b7bc} .move_exhibi #exhibi .item > div:last-child{margin-right:0;} .move_exhibi #exhibi .item > div:hover{background:#25b7bc;border:2px solid #25b7bc} .move_exhibi #exhibi .item > div .new{position: absolute;left:0;top:0;font-size:20px;color:#fff;background:#25b7bc;padding:15px 50px 10px 50px;-webkit-transform: rotate(-45deg) translate(-32px,-32px);-moz-transform: rotate(-45deg) translate(-32px,-32px);-ms-transform: rotate(-45deg) translate(-32px,-32px);-o-transform: rotate(-45deg) translate(-32px,-32px);transform: rotate(-45deg) translate(-32px,-32px);} .move_exhibi #exhibi .item > div .update{position: absolute;left:0;top:0;font-size:16px;color:#fff;background: #d51e00;padding:26px 50px 15px 50px;-webkit-transform: rotate(-45deg) translate(-35px,-39px);-moz-transform: rotate(-45deg) translate(-35px,-39px);-ms-transform: rotate(-45deg) translate(-35px,-39px);-o-transform: rotate(-45deg) translate(-35px,-39px);transform: rotate(-45deg) translate(-35px,-39px);line-height:16px;} .move_exhibi #exhibi .owl-nav .owl-next{position:absolute;right:-60px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:60px; height:60px;background:url('../img/story_arrow_next.png') center / contain no-repeat;border:none;} .move_exhibi #exhibi .owl-nav .owl-prev{position:absolute;left:-60px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:60px; height:60px;background:url('../img/story_arrow_prev.png') center / contain no-repeat;border:none;} .move_exhibi #exhibi2{width:1500px;text-align: center;margin:0 auto;position: relative;} .move_exhibi #exhibi2 .owl-item{float:left;} .move_exhibi #exhibi2:after{content:"";display:block;clear:both;} .move_exhibi #exhibi2 .item > div{height:300px;border:2px solid #fff;padding:30px;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;cursor:pointer;overflow: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative;} .move_exhibi #exhibi2 .item > div h2{color:#fff;font-size:26px;margin-bottom:15px;} .move_exhibi #exhibi2 .item > div h1{color:#fff;font-size:30px;font-family: "Noto Sans CJK KR Black",dotum,sans-serif;} .move_exhibi #exhibi2 .item > div p{color:#fff;font-size:16px;word-break: keep-all} .move_exhibi #exhibi2 .item > div .ex_btn{display:inline-block;font-size:16px;padding:5px 10px;-webkit-border-radius:40px 40px;-moz-border-radius:40px 40px;border-radius:40px 40px;border:2px solid #fff;color:#fff;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;line-height:16px;height:34px;position:absolute;bottom:40px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .move_exhibi #exhibi2 .item > div .ex_btn:hover{background:#fff;border:2px solid #fff;color:#25b7bc} .move_exhibi #exhibi2 .item > div:last-child{margin-right:0;} .move_exhibi #exhibi2 .item > div:hover{background:#25b7bc;border:2px solid #25b7bc} .move_exhibi #exhibi2 .item > div .new{position: absolute;left:0;top:0;font-size:20px;color:#fff;background:#25b7bc;padding:15px 50px 10px 50px;-webkit-transform: rotate(-45deg) translate(-32px,-32px);-moz-transform: rotate(-45deg) translate(-32px,-32px);-ms-transform: rotate(-45deg) translate(-32px,-32px);-o-transform: rotate(-45deg) translate(-32px,-32px);transform: rotate(-45deg) translate(-32px,-32px);} .move_exhibi #exhibi2 .item > div .update{position: absolute;left:0;top:0;font-size:16px;color:#fff;background: #d51e00;padding:26px 50px 15px 50px;-webkit-transform: rotate(-45deg) translate(-35px,-39px);-moz-transform: rotate(-45deg) translate(-35px,-39px);-ms-transform: rotate(-45deg) translate(-35px,-39px);-o-transform: rotate(-45deg) translate(-35px,-39px);transform: rotate(-45deg) translate(-35px,-39px);line-height:16px;} .move_exhibi #exhibi2 .owl-nav .owl-next{position:absolute;right:-60px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:60px; height:60px;background:url('../img/story_arrow_next.png') center / contain no-repeat;border:none;} .move_exhibi #exhibi2 .owl-nav .owl-prev{position:absolute;left:-60px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:60px; height:60px;background:url('../img/story_arrow_prev.png') center / contain no-repeat;border:none;} .move_exhibi #exhibi3{width:1500px;text-align: center;margin:0 auto;position: relative;} .move_exhibi #exhibi3 .owl-item{float:left;} .move_exhibi #exhibi3:after{content:"";display:block;clear:both;} .move_exhibi #exhibi3 .item > div{height:300px;border:2px solid #fff;padding:30px;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;cursor:pointer;overflow: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative;} .move_exhibi #exhibi3 .item > div h2{color:#fff;font-size:26px;margin-bottom:15px;} .move_exhibi #exhibi3 .item > div h1{color:#fff;font-size:30px;font-family: "Noto Sans CJK KR Black",dotum,sans-serif;} .move_exhibi #exhibi3 .item > div p{color:#fff;font-size:16px;word-break: keep-all} .move_exhibi #exhibi3 .item > div .ex_btn{display:inline-block;font-size:16px;padding:5px 10px;-webkit-border-radius:40px 40px;-moz-border-radius:40px 40px;border-radius:40px 40px;border:2px solid #fff;color:#fff;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;line-height:16px;height:34px;position:absolute;bottom:40px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .move_exhibi #exhibi3 .item > div .ex_btn:hover{background:#fff;border:2px solid #fff;color:#25b7bc} .move_exhibi #exhibi3 .item > div:last-child{margin-right:0;} .move_exhibi #exhibi3 .item > div:hover{background:#25b7bc;border:2px solid #25b7bc} .move_exhibi #exhibi3 .item > div .new{position: absolute;left:0;top:0;font-size:20px;color:#fff;background:#25b7bc;padding:15px 50px 10px 50px;-webkit-transform: rotate(-45deg) translate(-32px,-32px);-moz-transform: rotate(-45deg) translate(-32px,-32px);-ms-transform: rotate(-45deg) translate(-32px,-32px);-o-transform: rotate(-45deg) translate(-32px,-32px);transform: rotate(-45deg) translate(-32px,-32px);} .move_exhibi #exhibi3 .item > div .update{position: absolute;left:0;top:0;font-size:16px;color:#fff;background: #d51e00;padding:26px 50px 15px 50px;-webkit-transform: rotate(-45deg) translate(-35px,-39px);-moz-transform: rotate(-45deg) translate(-35px,-39px);-ms-transform: rotate(-45deg) translate(-35px,-39px);-o-transform: rotate(-45deg) translate(-35px,-39px);transform: rotate(-45deg) translate(-35px,-39px);line-height:16px;} .move_exhibi #exhibi3 .owl-nav .owl-next{position:absolute;right:-60px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:60px; height:60px;background:url('../img/story_arrow_next.png') center / contain no-repeat;border:none;} .move_exhibi #exhibi3 .owl-nav .owl-prev{position:absolute;left:-60px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:60px; height:60px;background:url('../img/story_arrow_prev.png') center / contain no-repeat;border:none;} .back{margin:40px auto 0 auto;text-align: center;} #back_btn{padding:10px 20px;border:2px solid #fff;background:transparent;color:#fff;font-size:16px;border-radius:30px 30px;-webkit-transition: all .4s ;-moz-transition: all .4s ;-ms-transition: all .4s ;-o-transition: all .4s ;transition: all .4s ;} #back_btn:hover{background:#25b7bc;border:2px solid #25b7bc} .languageSel2{width:95px;margin-right:25px;font-size:0;line-height:0;text-align: left;display:inline-block;position:relative;} .languageSel2 a{width:100%; line-height:0; display:block; position: relative; box-sizing: border-box; } .languageSel2 a img{width:24px; padding-right:4px; vertical-align: top;} #header .btn2_home > a, .languageSel2 a>span{font-weight: 400; font-size:18px; line-height:15px; color: #fff; display:inline-block; vertical-align: top;padding:10px 9px; font-family:"Noto Sans CJK KR Bold",dotum,sans-serif;} .languageSel2>a:before{content: ""; width:14px; height:11px; margin-top:-5px; background:url('../../../img/arr_language.png') no-repeat center center; display: block; position:absolute; right:8px; top:50%; transition: all .3s ease-out; transform-origin: 50% 50%;} .in_languag2{border:1px solid #dbdbdb;position: absolute;left:0;right:0;top: 37px;z-index:5;display:none;} .in_languag2>a{background:rgba(0,0,0,.6)} .in_languag2>a+a{margin:0; border-top:1px solid #dbdbdb;} .in_languag2>a+a:before{display:none;} .languageSel2.open>a:before{transform:rotate(180deg);} .in_languag2:hover{} .in_languag2>a.active{} .in_languag2>a.active span{font-weight:600;color: #25b7bc;} .language::-ms-expand{display:none;} .language option{background-color: transparent; color: #000;} #header .lang {margin-right:10px;} #header .lang h2{color:#fff;font-size:20px;padding:3px 10px;font-family: "Noto Sans CJK KR DemiLight",dotum,sans-serif;position: relative;cursor: pointer} #header .lang h2:after{content:"";background:url('../img/head_lang_arrow.png')center no-repeat;background-size:contain;width:18px;height:18px;display:inline-block;vertical-align: middle;margin-left:6px;margin-top:-3px;} #header .lang h2:hover{color:#25b7bc} #header .lang h2 ul{display:none;position:absolute;top:30px;padding:0 10px;background:rgba(0,0,0,.2);left:0;width:100%;} #header .lang h2 ul li{font-size:15px;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;padding:8px 0;text-align: center;} #header .lang h2:hover ul{display:block;} #header .lang h2:hover ul li{color:#fff} #header .lang h2:hover ul li:hover{color:#25b7bc} .close_btn{position:absolute;bottom:31px;right:22px;z-index: 100000;width:200px;cursor:pointer;background:rgba(255,255,255,0.8);-webkit-border-radius:15px 15px;-moz-border-radius:15px 15px;border-radius:15px 15px;border:5px solid #25b7bc} .close_btn:hover {background:#25b7bc;} .close_btn > div {position:relative;padding:10px;text-align: center} .close_btn > div span{font-size:20px;font-weight:bold;color:#25b7bc;display:inline-block;vertical-align: middle;} .close_btn > div i {font-size:24px;margin-left:5px;color:#25b7bc;display:inline-block;vertical-align: middle;} .close_btn:hover > div span{color:#fff;} .close_btn:hover > div i{color:#fff;} .modal_con .pd_detail .sub_titles{font-size:22px;color:#25b7bc;font-family: 'Noto Sans CJK KR Medium',dotum,sans-serif;margin-bottom:30px;font-weight:normal;} .modal_con .pd_detail .sub_titles img{width:30px;display:inline-block;vertical-align: middle;margin-right:10px;margin-top:-3px;} .modal_con .pd_detail .sub_contents{font-size:18px;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif;margin-bottom:60px;word-break: keep-all} .modal_con .pd_detail .skill {display: flex;align-items: center;} .modal_con .pd_detail .skill > div:first-child{width: 180px;text-align: center;margin-right: 30px;float: left;} .modal_con .pd_detail .skill > div:first-child img {width: 100%;margin-bottom: 10px;border: 2px solid #25b7bc;} .modal_con .pd_detail .skill > div:first-child h2 {font-size: 1em !important;font-family: 'Noto Sans CJK KR Regular', dotum, sans-serif;color:#000 !important;padding-bottom:0 !important;} .modal_con .pd_detail .skill > div:last-child{padding:30px 0;width:calc(100% - 220px);} .modal_con .pd_detail .speed_service {display:block;} .modal_con .pd_detail .speed_service > div {width:100%;height:auto;padding-right: 0;min-height: auto;float: none;margin-bottom: 30px;} .modal_con .pd_detail .speed_service > div h2{font-size: 18px !important;color: #25b7bc !important;margin-bottom: 10px;padding-bottom:0 !important;} .modal_con .pd_detail .speed_service > div li{font-size: 18px;word-break:keep-all;} .modal_con .pd_detail .super_grid4{} .modal_con .pd_detail .super_grid4:after{content:"";clear:both;display:block;} .modal_con .pd_detail .super_grid4 > div {width:calc(50% - 15px);margin-right:30px;float:left;margin-bottom:20px;} .modal_con .pd_detail .super_grid4 > div:nth-child(2) {margin-right:0;} .modal_con .pd_detail .super_grid4 > div:nth-child(3) {margin-bottom:0;} .modal_con .pd_detail .super_grid4 > div:nth-child(4) {margin-right:0;margin-bottom:0;} .modal_con .pd_detail .super_grid4 > div .img{width:100%;height:270px;border:2px solid #25b7bc} .modal_con .pd_detail .super_grid4 > div h2{margin:20px 0;font-size:24px !important;padding-bottom:0 !important;color:#000 !important;} .modal_con .pd_detail .super_grid4 > div ul li.point{color:#25b7bc;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;} .modal_con .pd_detail .super_showroom img{float:left;width:50%;} .pd_detail_spec > div > div{min-height: inherit;width:100%;float:none !important;} .pd_detail_spec > div > div.img{float:none;height:260px !important;margin-bottom:20px;min-height: auto;width:100%;} .pd_detail_spec > div > div.txt{float:none;} .pd_detail_spec > div:nth-child(odd) > div.txt > div{margin:0;padding:0 ;width:100%;} .pd_detail_spec > div:nth-child(even) > div.txt > div{margin:0;padding:0 ;width:100%;} .pd_detail_spec > div > div.txt > div{position:relative;top:inherit;left:inherit;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .pd_detail_spec > div > div > div h3{font-size:20px;padding:10px 0;} .pd_detail_spec > div > div > div div{font-size:16px} @media all and (max-width: 1200px){ #hd{min-width: inherit !important;z-index:11} #header{height:auto;} .inConts{width:100%;} #header h1{position:relative;width:100%;text-align: center;z-index:0} #header h1.menu3_logo{text-align: left;} .mobile_btn{display:block;position:absolute;top:50%;right:15px;width:40px;height:40px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:10;} .mobile_btn span{display:block;width:100%;height:4px;position:absolute;background:#fff;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .mobile_btn span:first-child{top:0;left:0;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);} .mobile_btn span:nth-child(2){top:50%;left:0;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);} .mobile_btn span:last-child{top:100%;left:0;-webkit-transform: translate(0,-100%);-moz-transform: translate(0,-100%);-ms-transform: translate(0,-100%);-o-transform: translate(0,-100%);transform: translate(0,-100%);} .mobile_btn.active {right:calc(80% + 20px);} .mobile_btn.active span:first-child{top:50%;left:0;-webkit-transform: translate(0,-50%) rotate(-45deg);-moz-transform: translate(0,-50%) rotate(-45deg);-ms-transform: translate(0,-50%) rotate(-45deg);-o-transform: translate(0,-50%) rotate(-45deg);transform: translate(0,-50%) rotate(-45deg);} .mobile_btn.active span:nth-child(2){opacity: 0;} .mobile_btn.active span:last-child{top:50%;left:0;-webkit-transform: translate(0,-50%) rotate(45deg);-moz-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);-o-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);} #header .wrap_right .menu_btn{display:none;} .move_exhibi.active{display:none;} #header .wrap_right{left:15px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top:0;} #header .wrap_right2{left:initial;right:45px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top:0;} #header .gnbArea.active {background:rgba(0,0,0,.6)} #header .gnbArea.active:after {content: "";width: 100%;height: 100vh;background: rgba(0,0,0,.6);z-index: 1;display: block;position: fixed;top: 0;left: 0;} #header .gnbArea #gnb{width:80%;background:#fff;position: fixed;right:-120%;top:0;opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;height:100%;z-index:900;left:inherit;} #header .gnbArea.active #gnb{right:-40%;top:0;opacity: 1} #header .gnbArea #gnb li{width:100%;color:#000;border-bottom:1px solid #ddd;} #header .gnbArea #gnb li a {color:#000;font-size: 20px;height: auto;display: inline-block;line-height: initial;} #header .gnbArea #gnb li a span{padding:20px 0;display:block;} #header #gnb>li>a>span:before{display:none;} #header #gnb>li:hover>a>span:before, #header #gnb>li.active>a>span:before, #header #gnb>li.oPage>a>span:before{width:0;} #header .gnbArea #gnb li.mobile_li2{display:block;} #header .gnbArea #gnb li.mobile_li2:after{content:"";clear:both;display:block;} #header .gnbArea #gnb li.mobile_li2 > div{float: left;width: 50%;padding: 25px 0;text-align: center;font-size: 17px;color: #000;cursor: pointer} #header .gnbArea #gnb li.mobile_li2 > div:first-child{border-right:1px solid #ddd;} #header .gnbArea #gnb li.mobile_li2 > div.all{width:100%;border-right:none;cursor: inherit;font-weight:bold} .layerArea .layerIn .layerBox.company, .layerArea .layerIn .layerBox.info{width:calc(100% - 20px) !important;padding:15px !important;height:auto;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position: absolute;left:50%;max-height:calc(100vh - 20px);} .layerArea .layerIn .layerBox.visitor, .layerArea .layerIn .layerBox.network{width:calc(100% - 20px) !important;padding:15px !important;top:0;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);position: absolute;left:50%;margin-bottom:10px;} .layerArea .layerIn .layerBox.visitor.babo, .layerArea .layerIn .layerBox.network.babo{display:inline-block !important;} .catalogue_down{} .catalogue_down > li{width:calc(25% - 7.5px) !important;margin:0 !important;margin-right:10px !important;margin-bottom:10px !important;margin-top:10px !important;} .catalogue_down > li:nth-child(4n){margin-right:0 !important;} .tab_con img{width:100%;} .layerArea .layerIn .layerCell{} .layerArea .layerIn .layerBox.company .greeting{height:80vh;overflow-y: auto;} #krpanoSWFObject div:nth-child(1) div:nth-child(2) div:nth-child(22){} #krpanoSWFObject div:nth-child(1) div:nth-child(2) div:nth-child(22) > div{width:100% !important;top:calc(50% + 50px);left:50%; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important;} /*#krpanoSWFObject div:nth-child(1) div:nth-child(2) div:nth-child(22) > div > iframe{position: relative !important;top:inherit;left:inherit;}*/ .layerBox{padding:10px;} } @media all and (max-width:900px){ .modal.active > div.menu{width:calc(100% - 20px) !important;} #krpanoSWFObject > div div:nth-child(2) div:nth-child(13) > div{width:calc(100% - 20px) !important;} .view_box{padding:0;} .modal.active > div.menu#menu02 .modal_con{max-height:80vh} .modal.active > div.menu .modal_con_tab ul#menu02 li{width:calc(33.33% - 6.66px) !important;margin-right:10px;margin-bottom:10px;padding:10px 5px;} .modal.active > div.menu .modal_con_tab ul#menu02 li:nth-child(3n ){margin-right:0;} .modal.active > div.menu .modal_con_tab ul#menu02 li:nth-child(n + 4){margin-bottom:0;} .view_box iframe{height:50vw !important;} .view_box.empty h2{padding:30vw 0;} } @media all and (max-width:830px){ .club_intro{display:block;text-align: center;} .club_intro > div{float:none;display: inline-block;vertical-align: middle;} .club_intro > div:first-child{width:41%;} .club_intro > div:nth-child(2){width:27%;height:34vw;} .club_intro > div:last-child{width:100%;height:auto;} .club_intro > div:last-child button{position: relative;width:60%;} .catalogue_cate .catal_top .img {height:30vw;} .catalogue_cate .catal_item{width:calc(50% - 5px);margin:0 !important;margin-bottom:10px !important;margin-right:10px !important;} .catalogue_cate .catal_item:nth-child(even){margin-right:0 !important;} .catalogue_cate .catal_btm p{width:100%;} .modal.active > div.menu#menu02 .modal_con{max-height:80vh ;} .view_box{padding:0;} } @media all and (max-width: 720px){ #header .wrap_right{display:none;} #header .wrap_right2{display:block;} #header h1{text-align: left;padding-left:20px;} /*.mobile_btn{right:15px;left:inherit;} .mobile_btn.active{right:calc(80% + 20px);left:inherit} #header .gnbArea #gnb{right:-100%;left:inherit;} #header .gnbArea.active #gnb{right:0;left:inherit;}*/ #header .gnbArea #gnb li a{padding:0 15px;} #header .gnbArea #gnb li.mobile_li > a > span{font-weight:bold;} #header .gnbArea #gnb li.mobile_li{display:block;} #header .gnbArea #gnb li.mobile_li:after {content:"";clear:both;display:block;} #header .gnbArea #gnb li.mobile_li div{float:left;padding:0;width:50%;text-align: center} #header .gnbArea #gnb li.mobile_li div a.active{font-weight:bold;color:#25b7bc} .catalogue_down > li{width:calc(50% - 5px) !important;margin:0 !important;margin-right:10px !important;margin-bottom:10px !important;margin-top:10px !important;} .catalogue_down > li:nth-child(even){margin-right:0 !important;} .layerArea .layerIn .layerBox.company .greeting h3{font-size:18px !important;word-break: keep-all;} .layerArea .layerIn .layerBox.company .greeting p{font-size:15px !important;word-break: keep-all;} .layerArea .layerIn .layerBox.company .greeting p br{display:none;} .layerArea .layerIn .layerBox .content_area h1{font-size:20px !important;} .layerArea .closeLy{width:30px !important;} .mTitle{padding:15px 0 !important;} .mTitle>dt{font-size:20px !important;} .mTitle>dd{font-size:15px !important;line-height:1.2 !important;} .visitor .tab_con p.pc{display:none !important;} .visitor .tab_con p.mobile{display:block !important;} .layerArea .layerIn .layerBox .content_area .pc{display: none !important;} .layerArea .layerIn .layerBox .content_area .mobile{display:block !important;} .layerArea .layerIn .layerBox .content_area .mobile table th{font-size:16px;padding:10px;line-height:normal;height:auto;word-break: keep-all;} .layerArea .layerIn .layerBox .content_area .mobile table td{font-size:16px;padding:10px;line-height:normal;height:auto;word-break: keep-all;} .ceo_greeting{padding:10px} .ceo_greeting p{width:100%;} .ceo_greeting .sign{width:100%} .modal.active > div.menu .modal_con > div.active{overflow-x: hidden} .map_img_01{width: 150%;max-width: initial;text-align: center;margin-left: -30%;} .gl_list ul li > div:first-child{font-size:18px;width:100%;padding:0 0 10px 0;} .gl_list ul li > div:first-child:after{content:"";position: absolute;bottom:0;left:0;width:100%;background:#eee;height:1px;} .gl_list ul li > div:nth-child(2) {width:80%;} .gl_list ul li > div:nth-child(2):before{content:"";display:none} .gl_list ul li > div:nth-child(3){width:18%} .gl_list ul li > div:first-child.gl_2 li{display:inline-block;width: auto;margin:0 6px;} #sns .modal_tit h2{font-size:26px; } .modal.active > div.menu .modal_tab.menu01 ul li{font-size:16px;padding:15px 0;} .modal.active > div.menu#menu01 .main_imgs{height:50vw} .modal.active > div.menu#menu01 .main_imgs .item .img{height:50vw;} .modal.active > div.menu#menu01 .thumb_imgs .item .img{height:12vw;} .modal.active > div.menu .modal_con_tab ul#menu01 li{font-size:15px;padding:10px 0;} .modal.active > div.menu .modal_tab.menu02 ul li{font-size:15px;padding:10px 0;} .speed_contact{margin-bottom:30px;} .grid5 li h2{font-size:16px;} .grid5 li h2{font-size:16px;} .grid5 li img{height:68px;} .grid5 li p{height:60px;font-size:15px;} .speed_contact p{font-size:15px;} .grid3 ul li{padding:60px 0;} .grid3 ul li h2{font-size:22px;} .speed_service > div{width:100%;margin:0 0 30px 0;min-height: inherit !important;height:auto !important;} .speed_service > div h2{margin-bottom:10px;font-size:18px;} .speed_service > div p{font-size:15px;} .speed_service > div:nth-child(3){margin-bottom:30px;} #speedrule{padding-top:30px;} #speedrule .speed_rule_box .speed_rule_con{padding-bottom:30px;} .speed_rule_tab li{margin:0 0 20px;width: 33.33%;text-align: center;float: left;border: 1px solid #ddd;border-bottom: 2px solid #ddd;padding: 2vw 0;font-size: 15px;} #speedrule .speed_rule_box table th{font-size:15px;padding:10px 5px;} #speedrule .speed_rule_box table th:first-child{width:14%;} #speedrule .speed_rule_box table td{font-size:14px;padding:10px 5px;} .modal.active > div.menu .pd_tab_con > div.active{overflow-y: hidden} .grid5 ul {display:block;} .grid5 li {width:calc(33.33% - 6.66px);margin-right:10px;} .grid5 li:nth-child(3) {margin-right:0;} .grid5 li:nth-child(4), .grid5 li:nth-child(5) {margin-top:10px;} .grid5 li h2{font-size:18px;} .grid5 li img{height:75px;} .grid5 li p{height:70px;font-size:16px;} .grid3 ul li{padding:60px 0;} .grid3 ul li h2{font-size:22px;} .catalogue h2{font-size:17px;word-break: keep-all;padding:5px 0 10px;} div.menu#product div.pd_tab li{padding:15px;font-size:18px;} .rotate_tab:after{content:"";clear:both;display:block;} .rotate_tab li{width:calc(50% - 5px);font-size:15px;float:left;margin-right:10px;margin-bottom:10px;} .rotate_tab li:nth-child(even){margin-right:0;} .rotate_tab li:nth-child(n + 3){margin-bottom:0;} /*#product .modal_con{padding:10vw 0;}*/ #pd_rotate{} .spec_tab li{font-size:2.2vw;} .pd_info .pd_line_name h3{font-size:28px;} .pd_info .pd_line_name h2{font-size:28px;} .pd_spec .esti_tit2{padding:6px 0;} .pd_spec .line_td > div{font-size:2.4vw;padding:5px 0;} .pd_spec .line_td > div:first-child{width:22vw;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;font-size:2.4vw;padding:5px 0;} .pd_spec .line_td > div:nth-child(2){width:3vw;} /* div.menu#speed{height:40vh} .pd_video_con #pd_video{height:40vh !important;}*/ .pd_video_con #pd_video{height:80% !important;} .view_box{padding:0;} .close_btn {bottom: 23px;border-radius: 50% 50%;width: 60px;height: 60px;right: 29px;} .close_btn > div span{display:none;} .close_btn > div i{line-height:30px;} .modal_con .pd_detail .sub_titles{font-size:24px;margin-bottom:10px;font-weight:normal;margin-top:30px;} .modal_con .pd_detail .sub_titles img{width:30px;display:inline-block;vertical-align: middle;margin-right:10px;margin-top:-3px;} .modal_con .pd_detail .sub_contents{font-size:18px;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif;margin-bottom:60px;word-break: keep-all} .modal_con .pd_detail .skill {display: flex;align-items: center;} .modal_con .pd_detail .skill > div:first-child{width: 120px;text-align: center;margin-right: 30px;float: left;} .modal_con .pd_detail .skill > div:last-child{font-size:15px;padding:10px 0;} .modal_con .pd_detail .speed_service {display:block;} .modal_con .pd_detail .speed_service > div {width:100%;height:auto;padding-right: 0;min-height: auto;float: none;margin-bottom: 30px;} .modal_con .pd_detail .speed_service > div h2{font-size: 18px !important;color: #25b7bc !important;margin-bottom: 10px;padding-bottom:0 !important;} .modal_con .pd_detail .speed_service > div li{font-size: 15px;word-break:keep-all;} .modal_con .pd_detail .super_grid4{} .modal_con .pd_detail .super_grid4:after{content:"";clear:both;display:block;} .modal_con .pd_detail .super_grid4 > div {width:calc(50% - 15px);margin-right:30px;float:left;margin-bottom:20px;} .modal_con .pd_detail .super_grid4 > div .img{height:26vw;} .modal_con .pd_detail .super_grid4 > div h2{margin:10px 0;font-size:18px !important;padding-bottom:0 !important;color:#000 !important;} .modal_con .pd_detail .super_grid4 > div ul li{font-size:15px !important;} .modal_con .pd_detail .no-btm-margin p{font-size:15px !important;} .spec_tab.spec_tab_large li{width:calc(33.33% - 6.66px) !important;margin-right:10px !important;margin-bottom:1vw;font-size:10px;} .spec_tab.spec_tab_large li:nth-child(3n){margin-right:0 !important;} } @media all and (max-width: 560px) { .modal.active > div.menu#menu03{width:calc(100% - 20px);} #form_wrap ul li .frm_input{font-size:14px;padding:8px 8px 8px 105px;} #form_wrap ul li label{font-size:14px;} #form_wrap ul li .frm_input.frm_select{padding:8px;height:100px;} #form_wrap ul li div.files .frm_input{padding:8px;} #form_wrap ul li input[type=file] + label{font-size:13px;padding:6px;} .modal.active > div.menu#sns{width:calc(100% - 20px);} #header h1{padding:12px 0 12px 12px;} #krpanoSWFObject div:nth-child(1) div:nth-child(2) div:nth-child(22) > div{top:calc(50% + 40px) ;} .gl_list ul li > div:nth-child(2) {width:100%;} .gl_list ul li > div:nth-child(3){width:100%} .gl_list ul li > div:last-child input[type=button]{margin:10px 0;padding:8px 0;} .modal.active > div.menu .modal_tab.menu01 ul li{font-size:14px;} .modal.active > div.menu .modal_tab.menu02 ul li{font-size:14px;} .club_intro > div:last-child p{font-size:14px;} .club_intro > div:last-child p br.brs{display:none;} .club_intro > div:last-child button{width:100%} .club_intro > div:last-child button span{font-size:15px;} .club_intro > div:last-child button span img{width:39px;height:39px;} .club_intro > div:last-child button span:last-child{width:39px} .grid5 li {display:block;width:100%;min-height: inherit;float:none;text-align: left;margin:0 0 10px 0} .grid5 li:before {width:4px;height:30%;left:-2px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .grid5 li h2{display:inline-block;vertical-align: middle;height:auto;width:20%;padding:0;margin:0;text-align: left} .grid5 li img{display:inline-block;vertical-align: middle;height:auto;width:50px;padding:0;margin:0 20px 0 0 ;} .grid5 li p{display:inline-block;vertical-align: middle;height:auto;width:50%;padding:0;margin:0;text-align: left;} .grid3 ul{display:block;} .grid3 ul li{padding:40px 0;width:100%;margin:0 0 10px 0;} .grid3 ul li h2{font-size:22px;} .speed_service > div h2{font-size:16px;} .speed_service > div li{font-size:14px;} .speed_service > div:last-child{margin-bottom:0;} .modal.active > div .modal_close{padding:6vw 0 ;} .modal.active > div .modal_close input{padding:6px 26px;font-size:14px;} .catalogue h2{font-size:15px;} .catalogue_cate .catal_top .img {height:45vw;} .catalogue_cate .catal_item{width:100%;margin:0 !important;margin-bottom:10px !important;} .catalogue_cate .catal_btm h3{font-size:17px;} .catalogue_cate .catal_btm p{font-size:14px;} .catalogue_cate{padding:20px 0;} div.menu#product div.pd_tab li{padding:13px;font-size:16px;} .pd_video_con{padding:0;} .view_box * {font-size:14px !important;} } @media all and (max-width: 480px){ #header .gnbArea #gnb li a span{padding:12px 0;font-size:16px;} /*#header .gnbArea #gnb li.mobile_li2 {border-bottom:0;}*/ #header .gnbArea #gnb li.mobile_li2 > div{width:50%;font-size:14px;/*border-right:0;border-bottom:1px solid #ddd;*/} #header .gnbArea #gnb li.mobile_li2 > div.all{font-size:16px;font-weight:bold;} #header .gnbArea #gnb li.series {border-bottom:0;} #header .gnbArea #gnb li.series > div{width:100%;border-bottom:1px solid #ddd;} } .exhibitions_img {position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:-1; }