/* Skip Navigation */ #skip_to_container a {z-index: 100000;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;} #skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%; height:auto; margin:0; padding:5px 0; font-weight:400; font-size:12px; line-height:1; color:#202020; text-decoration:none !important; text-indent:10px} /* s: All Style */ a:link, a:visited{text-decoration:none} a:hover{text-decoration:none} html{overflow-y:auto;} html,body{width:100%; min-height:100%; -webkit-text-size-adjust:none} input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea,select{ -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;} select::-ms-expand {display:none} input[type=radio],input[type=checkbox]{-webkit-border-radius:0; -webkit-appearance:none; display:none} img,video,audio,object,embed,iframe{max-width:100%;} /*:lang(zh), zh{font-family: 'Kanit', sans-serif;}*/ body,th,td,input,select,button,textarea{font-style:normal; font-weight:normal; font-weight:400; font-size:12px; letter-spacing:-0.01em; font-family: 'Noto Sans Korean', 'Malgun Gothic', 'Dotum', sans-serif; color:#000; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } table{width:100%; border-collapse:collapse; table-layout:fixed;} #wrap { -o-transition: all .65s ease-in-out; -ms-transition: all .65s ease-in-out; -moz-transition: all .65s ease-in-out; -webkit-transition: all .65s ease-in-out; transition: all .65s ease-in-out; } #header, #header:before, #header h1, #header #gnb, #header #gnb *, #header .right, section#cover, section#cover *, .sub02.container > .prdInfor-wrap * { -o-transition: all .45s ease; -ms-transition: all .45s ease; -moz-transition: all .45s ease; -webkit-transition: all .45s ease; transition: all .45s ease; } /* s: Layer Style */ body {min-width:1080px;} #content {position:relative;top:20px;opacity:0;overflow:hidden;} .container > footer {margin-top:100px;} .home.container > footer {margin-top:0;} .inConts {position:relative;max-width:1300px;width:100%;padding:0 50px;margin:0 auto;} *, :before, :after {box-sizing: border-box;word-break:keep-all;} .mVer {display:none !important;} .pVer {display:block !important;} .pVer1024 {display:none !important;} em.sub {font-size:50%;font-style:normal;} #loading { width: 30px; height: 30px; position: fixed; top: 50%; left: 50%; display: flex; justify-content: center; align-items: center; pointer-events: none; margin: -15px 0 0 -15px; z-index: 10; opacity: 1; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; } #loading div { opacity: 0.5; } #loading .ball-scale>div { background-color: #125678; width: 40px; height: 40px; left: -20px; top: -20px; border-radius: 50%; opacity: 0.5; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; -moz-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } @-moz-keyframes ball-scale { 0% {transform:scale(0);opacity: 0.5;} 100% {transform:scale(1.25);opacity: 0.0;} } @-webkit-keyframes ball-scale { 0% {transform:scale(0);opacity: 0.5;} 100% {transform:scale(1.25);opacity: 0.0;} } @keyframes ball-scale { 0% {transform:scale(0);opacity: 0.5;} 100% {transform:scale(1.25);opacity: 0.0;} } #loading.load {opacity: 0;} a.btn { display:inline-block; color:#333; font-size:16px; line-height:48px; padding:10px 0; text-align:center; border:1px solid #333; border-radius:50px; padding:0 30px; white-space: nowrap; transition: all 0.7s ease-out; } a.btn:hover { color:#fff; border-color:#0a56a4; background-color:#0a56a4; } a.btn.white { color:#fff; border-color:#fff; } a.btn.white:hover { color:#333; background-color:#fff; } * {outline:none !important;} /* INVIEW */ .scl { opacity:0; transform:scale(0.93); transform-origin:center; -moz-transition: all .65s ease-out; -o-transition: all .65s ease-out; -webkit-transition: all .65s ease-out; transition: all .65s ease-out; } .scl.scl_on {opacity:1;transform:scale(1.0);} .sctop { opacity:0; transform:translateY(10px); -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; } .sctop.scl_on {opacity:1;transform:translateY(0px);} .transdelay1 {transition-delay:0.5s;} .transdelay2 {transition-delay:1.0s;} .transdelay3 {transition-delay:1.5s;} .transdelay4 {transition-delay:2.0s;} .transdelay5 {transition-delay:2.5s;} /* LAYER POPUP WRAP */ #layer-Popup-Wrap {} #layer-Popup-Wrap > div {position:absolute;z-index:61;} #layer-Popup-Wrap > div > .layer-Conts-Box {position:relative;width:100%;height:100%;} #layer-Popup-Wrap > div > .todayCheck-box {position:absolute;bottom:-30px;left:-1px;border:1px solid #000;width:calc(100% + 2px);height:30px;line-height:28px;padding:0 10px;background-color:#000;color:#fff;text-align:right;} #layer-Popup-Wrap > div > .todayCheck-box > label {position:relative;padding-left:20px;} #layer-Popup-Wrap > div > .todayCheck-box > label:before {content:"";position:absolute;top:1px;left:0;width:13px;height:13px;background:url('/img/common/layer_check_box.png') no-repeat center top} #layer-Popup-Wrap > div > .todayCheck-box > inpUt[type="checkbox"]:checked + label:before {background:transparent url('/img/common/layer_check_box.png') no-repeat center bottom;} #layer-Popup-Wrap > div > .todayCheck-box > a.layerClose {position:relative;padding-left:15px;color:#fff;} #layer-Popup-Wrap > div > .todayCheck-box > a.layerClose:before {content:"";position:absolute;top:50%;left:6px;transform:translate(0,-50%);width:1px;height:14px;background-color:rgba(255,255,255,0.4);} /* Header & ALL Menu */ #header { position:fixed; top:0; left:0; width:100%; min-width:1080px; height:90px; z-index:99; background:#fff url('/images/common/menu_bg.png') no-repeat top 40px right/478px 409px; box-shadow: 3px 3px 10px rgba(0,0,0,0.1), -3px 3px 10px rgba(0,0,0,0.1); } #header:before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:90px;background-color:#fff;border-bottom:1px solid #0a56a4;box-shadow: 3px 3px 10px rgba(0,0,0,0.05), -3px 3px 10px rgba(0,0,0,0.05);} #header.active {height:450px;} #header .inConts {display:flex;justify-content:center;flex-wrap:wrap;align-items:center;} #header h1 {position:absolute;top:22px;left:50px;width:170px;height:33px;} #header.scroll {height:70px;background-position:top 20px right;} #header.scroll:before {height:70px;} #header.scroll h1 {top:17px;} #header.scroll #gnb .menu_box > .menu_div {} #header.scroll .right {top:20px;} #header.scroll.active {height:430px;} #header.scroll #gnb .menu_box > .menu_div a.one_depth {height:70px;line-height:70px;} #header.scroll #gnb .menu_box > .menu_div > .two_depth {top:70px;} #header #gnb {margin-left:80px;} #header #gnb .menu_box {display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-start;} #header #gnb .menu_box > .menu_div {position:relative;width:120px;} #header #gnb .menu_box > .menu_div a.one_depth {display:block;width:100%;height:90px;font-size:16px;line-height:84px;font-weight:500;text-align:center;} #header #gnb .menu_box > .menu_div a.one_depth > span {display:inline-block;height:100%;} #header #gnb .menu_box > .menu_div a.one_depth.active > span {border-bottom:3px solid #2d4478} #header #gnb .menu_box > .menu_div > .two_depth {position:absolute;top:90px;left:75%;width:100%;height:0;overflow:hidden;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);padding:0;} #header #gnb .menu_box > .menu_div > .two_depth > a {display:block;width:100%;color:#000;font-size:14px;letter-spacing:-0.05em;font-weight:400;line-height:1.1em;margin-bottom:10px;} #header #gnb .menu_box > .menu_div a:hover {color:#0a56a4;} #header #gnb .menu_box > .menu_div > .two_depth > a > span {border-bottom:1px solid transparent;} #header #gnb .menu_box > .menu_div > .two_depth > a:hover > span {border-bottom:1px solid #2d4478;} #header #gnb .menu_box > .menu_div > .two_depth .three {color:#888;margin-left:5px;} #header.active #gnb .menu_box > .menu_div > .two_depth {height:auto;padding:30px 0 0;} #header #gnb .menu_box > .menu_div > .two_depth > a.active {color:#2d4478;} #header #gnb .menu_box > .menu_div > .two_depth > a.active > span {border-bottom:1px solid #2d4478;} #header .right {position:absolute;top:30px;right:50px;display:flex;box-sizing:border-box;} #header .right .btn-menu { position:relative; display: block; width:26px; height:26px; border-radius: 0; vertical-align:top; z-index: 3; cursor:pointer; } #header .right .btn-menu span { display: block; position: absolute; top: 0; left: 0; height: 2px; background-color: rgba(0,0,0,1.0); } #header .right .btn-menu span.l1 {top:6px;left:3px;width:20px;} #header .right .btn-menu span.l2 {top:10px;left:3px;width:20px;} #header .right .btn-menu span.l3 {top:14px;left:3px;width:20px;} #header .right .btn-menu span.l4 {top:18px;left:3px;width:12px;} #header .right .language {position:relative;} #header .right .language > a {display:block;font-size:13px;line-height:26px;width:65px;background:url('/images/common/icon-position-arrow.png') no-repeat right center;margin-right:20px;} #header .right .language > ul {display:none;position:absolute;left:calc(50% - 10px);transform:translate(-50%,0);border:1px solid #000;border-radius:3px;background-color:#fff;} #header .right .language > ul li + li {border-top:1px solid #000;} #header .right .language > ul li > a {display:block;padding:5px 10px;} #header .right .language > ul li > a:hover {color:#fff;background-color:#000;} /* ALL MENU */ #allmenu-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a56a4;z-index:100;} #allmenu-wrap:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/common/menu_bg.png') no-repeat right bottom;opacity:0.12;} #allmenu-wrap > .wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #allmenu-wrap > .wrap > .menu_box {position:relative;display:flex;} #allmenu-wrap > .wrap > .menu_box > a {content:"";position:absolute;top:-70px;right:0;width:50px;height:50px;background:url('/images/common/allmenu-close.png') no-repeat center center/cover;cursor:pointer;} #allmenu-wrap > .wrap > .menu_box > .menu_div {width:172px;text-align:center;} #allmenu-wrap > .wrap > .menu_box > .menu_div > a {position:relative;color:#fff;font-size:18px;} #allmenu-wrap > .wrap > .menu_box > .menu_div > a:after {content:"";display:block;width:25px;border-bottom:3px solid #fff;margin:0 auto 10px;padding-bottom:10px;} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth {} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth > a {position:relative;color:#fff;font-size:14px;font-weight:300;line-height:1.8;} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth > a > span {border-bottom:1px solid transparent;} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth > a:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth > a:hover {color:#f1ea21;} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth > a:hover > span {border-bottom:1px solid #f1ea21;} #allmenu-wrap > .wrap > .menu_box > .menu_div > a.active {color:#f1ea21;} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth > a.active {color:#f1ea21;} #allmenu-wrap > .wrap > .menu_box > .menu_div > .two_depth > a.active > span {border-bottom:1px solid #f1ea21;} /* MAIN */ section#cover {position:relative;width:100%;height:100vh;} section#cover:after {content:"scroll";position:absolute;bottom:50px;left:50%;transform:translateX(-50%);color:#fff;font-size:12px;text-transform:uppercase;z-index:1} section#cover:before {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:35px;background-color:#fff;z-index:1} section#cover div.cover {width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; } section#cover div.cover p.tit {font-family:'S-CoreDream';font-weight:300;color:#fff;font-size:50px;margin-bottom:20px;} section#cover div.cover p.subt {color:#fff;font-size:20px;text-align:center;} section#cover div.cover a.btn {display:block;margin:45px auto 0;width:180px;} section#cover div.cover_1 {background-image:url('/images/main/cover_07.jpg');} section#cover div.cover_2 {background-image:url('/images/main/cover_01.jpg');} section#cover div.cover_3 {background-image:url('/images/main/cover_02.jpg');} section#cover div.cover_4 {background-image:url('/images/main/cover_03.jpg');} section#cover div.cover_5 {background-image:url('/images/main/cover_04.jpg');} section#cover div.cover_6 {background-image:url('/images/main/cover_05.jpg');} section#cover div.cover_7 {background-image:url('/images/main/cover_12.jpg');} section#cover div.cover_8 {background-image:url('/images/main/cover_09.jpg');} section#cover div.cover_9 {background-image:url('/images/main/cover_10.jpg');} section#cover div.cover_10 {background-image:url('/images/main/cover_11.jpg');} section#cover .slick-list {width:100%;height:100%;} section#cover .slick-list .slick-track {width:100%;height:100%;} section#cover button.slick-arrow {position:absolute;top:50%;left:20px;transform:translate(0,-50%);width:21px;height:21px;border:0;font-size:0;z-index:1;cursor:pointer;} section#cover button.slick-prev {margin-top:-50px;background:url('/images/main/cover_arrow_prev.png') no-repeat center center/cover;} section#cover button.slick-next {margin-top:50px;background:url('/images/main/cover_arrow_next.png') no-repeat center center/cover;} section#cover ul.slick-dots {position:absolute;top:50%;left:20px;transform:translate(0,-50%);} section#cover ul.slick-dots li {display:none;width:21px;text-align:center;} section#cover ul.slick-dots li.slick-active {display:block;} section#cover ul.slick-dots li p {color:#fff;font-size:14px;font-weight:100;padding:6px 0;} section#cover ul.slick-dots li p.total {font-weight:300;border-top:2px solid #fff;} section#cover_lineup {position:relative;padding:150px 0 180px;} section#cover_lineup .inConts {height:510px;display:flex;justify-content:flex-start;flex-wrap:nowrap;align-items:flex-start;} section#cover_lineup .txt-wrap {position:relative;width:565px;height:100%;padding-top:20px;background-color:#fff;z-index:2;} section#cover_lineup .txt-wrap .tit {font-size:42px;letter-spacing:-0.075em;} section#cover_lineup .txt-wrap .desc {font-size:14px;letter-spacing:-0.05em;} section#cover_lineup .txt-wrap div.type {margin-top:30px;display:flex;flex-wrap:wrap;} section#cover_lineup .txt-wrap div.type .slick-list .slick-track {} section#cover_lineup .txt-wrap div.type > div {position:relative;margin-top:10px;width:100% !important;} section#cover_lineup .txt-wrap div.type > div:before {content:"";display:inline-block;width:47px;height:47px;line-height:47px;text-align:center;color:#000;font-size:16px;border:1px solid #ddd;vertical-align:middle;margin-right:10px;} section#cover_lineup .txt-wrap div.type > div:nth-child(1):before {content:"01";} section#cover_lineup .txt-wrap div.type > div:nth-child(2):before {content:"02";} section#cover_lineup .txt-wrap div.type > div:nth-child(3):before {content:"03";} section#cover_lineup .txt-wrap div.type > div:nth-child(4):before {content:"04";} section#cover_lineup .txt-wrap div.type > div:nth-child(5):before {content:"05";} section#cover_lineup .txt-wrap div.type > div:nth-child(6):before {content:"06";} section#cover_lineup .txt-wrap div.type > div:nth-child(7):before {content:"07";} section#cover_lineup .txt-wrap div.type > div a {display:inline-block;font-size:22px;max-width:280px;width:100%;line-height:47px;letter-spacing:-0.05em;vertical-align:middle;} section#cover_lineup .txt-wrap div.type > div.active:before {color:#fff;border-color:#0a56a4;background-color:#0a56a4;} section#cover_lineup .txt-wrap div.type > div.active a {color:#0a56a4;border-bottom:1px solid #0a56a4;} section#cover_lineup .gallery-wrap {position:relative;width:calc(100% - 565px);z-index:1;} section#cover_lineup .gallery-wrap > .pic-box {position:relative;overflow:hidden;width:635px;height:491px;} section#cover_lineup .gallery-wrap > .pic-box > div { position:absolute; top:0; left:110%; width:100%; -o-transition: all .85s ease; -ms-transition: all .85s ease; -moz-transition: all .85s ease; -webkit-transition: all .85s ease; transition: all .85s ease; } section#cover_lineup .gallery-wrap > .pic-box > div.active {left:0;} section#cover_lineup .gallery-wrap > .pic-box > div .slick-list .slick-track {} section#cover_lineup .gallery-wrap > .pic-box > div .slick-list .slick-track .slick-slide {} section#cover_lineup .gallery-wrap > .pic-box > div > button {position:absolute;bottom:0;font-size:0;text-indent:-500%;border:0;width:28px;height:30px;padding:0;outline:none;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-color:transparent;} section#cover_lineup .gallery-wrap > .pic-box > div > button.slick-prev {right:130px;background-image:url('/images/main/slick-arrow-prev.jpg');} section#cover_lineup .gallery-wrap > .pic-box > div > button.slick-next {right:0;background-image:url('/images/main/slick-arrow-next.jpg');} section#cover_lineup .gallery-wrap > .pic-box > div> ul.slick-dots { width: 75px; height: 30px; margin:0 40px 0 auto; line-height: 30px; text-align: center; } section#cover_lineup .gallery-wrap > .pic-box > div > ul.slick-dots > li {display:none;font-size:14px;color:#999;} section#cover_lineup .gallery-wrap > .pic-box > div > ul.slick-dots > li > span {font-size:16px;color:#000;} section#cover_lineup .gallery-wrap > .pic-box > div > ul.slick-dots > li.slick-active {display:block;} section#cover_lineup .gallery-txt-box { position: absolute; top: 213px; left: 450px; padding: 45px 40px 30px 30px; background-color: #0a56a4; border-radius: 30px 0 0 0; width: 336px; min-height: 316px; z-index:2; } section#cover_lineup .gallery-txt-box > .tit {color:#fff;font-size:30px;letter-spacing:-0.05em;} section#cover_lineup .gallery-txt-box > .tit:after {content:"";display:block;width:44px;height:1px;background-color:#fff;margin:40px 0 40px;} section#cover_lineup .gallery-txt-box > .desc {color:#fff;font-size:16px;font-weight:400;} section#cover_delivery h1 {font-size:42px;letter-spacing:-0.05em;margin-bottom:15px;} section#cover_delivery {padding:100px 0 150px;background-color:#f0f0f0;} section#cover_delivery .slick-list {overflow:inherit;} section#cover_delivery .slick-list {margin-right:-20px;} section#cover_delivery .slick-list > .slick-track {margin-left:-20px;} section#cover_delivery .slick-list > .slick-track > .slick-slide { max-width:285px; width:100%; margin-left:20px; opacity:0; visibility:hidden; -o-transition: all .45s ease-in-out; -ms-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; -webkit-transition: all .45s ease-in-out; transition: all .45s ease-in-out; } section#cover_delivery .slick-list > .slick-track > .slick-slide.slick-active {opacity:1;visibility:visible;} section#cover_delivery .slick-list > .slick-track > .slick-slide:hover {box-shadow: 10px 10px 10px rgba(0,0,0,0.15);} section#cover_delivery .slick-list > .slick-track > .slick-slide div.txtBox {background-color:#fff;padding:15px;} section#cover_delivery .slick-list > .slick-track > .slick-slide div.txtBox > .cate {color:#0a56a4;font-size:14px;} section#cover_delivery .slick-list > .slick-track > .slick-slide div.txtBox > .subj {color:#333;font-size:20px;min-height:106px;max-height:106px;margin-top:15px;} section#cover_delivery .slick-list > .slick-track > .slick-slide div.txtBox > .cate {color:#0a56a4;font-size:14px;} section#cover_delivery figure.thumb {background-position:center center;background-repeat:no-repeat;background-size:cover;} section#cover_delivery button {position:absolute;top:50%;transform:translate(0,-50%);width:26px;height:50px;border:0;font-size:0;text-indent:-500%;padding:0;outline:none;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:transparent;z-index:10;} section#cover_delivery button.slick-prev {left:-46px;background-image:url('/images/main/slick-arrow-prev2.png');} section#cover_delivery button.slick-next {right:-46px;background-image:url('/images/main/slick-arrow-next2.png');} section#cover_movie {padding:100px 0;background:url('/images/main/movie_bg.jpg') repeat center center;} section#cover_movie h1 {color:#fff;font-size:42px;text-align:center;} section#cover_movie h1:after {content:"";display:block;margin:25px auto;width:36px;height:3px;background-color:#fff;} section#cover_movie .movie-cols3 {position:relative;display:flex;margin-left:-1.25rem;} section#cover_movie .movie-wrap {/*width:855px;max-width:855px;width:100%;margin:0 auto;padding-bottom:40.25%;*/width:calc((100% / 3) - 1.25rem);margin-left:1.25rem;position:relative;height:0;padding-bottom:17.8%;} section#cover_movie .movie-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;} section#cover_movie p.infor {color:#fff;font-size:23px;text-align:center;margin-top:30px;} section#cover_news {padding:100px 0 150px;background:url('/images/main/news_bg.jpg') repeat-x center bottom;} section#cover_news h1 {font-size:42px;font-weight:500;margin-bottom:30px;} section#cover_news .news-wrap ul {display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;margin-left:-20px;} section#cover_news .news-wrap ul > li {width:calc(25% - 20px);margin-left:20px;} section#cover_news .news-wrap ul > li figure.thumb {} section#cover_news .news-wrap ul > li figure.thumb img {width:100%;height:auto;} section#cover_news .news-wrap ul > li .txtBox {margin-top:15px;} section#cover_news .news-wrap ul > li .txtBox p.subj {font-size:18px;min-height:90px;max-height:90px;} section#cover_news .news-wrap ul > li .txtBox p.etc {font-size:13px;} section#cover_news .news-wrap ul > li .txtBox p.etc span:last-child:before {content:"";display:inline-block;margin:0 7px;width:1px;height:10px;background-color:#999;} section#cover_news .link-wrap {display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;margin-top:50px;padding-top:30px;border-top:1px solid #ccc;} section#cover_news .link-wrap > div {width:33.333%} section#cover_news .link-wrap > div > .tit {font-size:26px;} section#cover_news .link-wrap > div > .desc {font-size:14px;margin-top:15px;} section#cover_news .link-wrap > div > .btn-wrap {margin-top:15px;} section#cover_news .link-wrap > div > .btn-wrap a {font-size:14px;line-height:32px;border-radius:34px;padding:0 15px;} section#cover_news .link-wrap > div.certification > .tit:after {content:"";display:inline-block;width:10px;height:16px;background:url('/images/main/btn-arrow.png') no-repeat center center/cover;vertical-align:middle;margin-left:10px;margin-top:-5px;} /* 서브페이지 공통 */ /* 게시판 관련 */ #content .h1.board {} /* FAQ */ #content .list-table > p.count {font-size:14px;color:#333;font-weight:400;margin-top:30px;} #content .list-table > ul {margin-top:10px;border-top:2px solid #172344;} #content .list-table > ul > li {position:relative;border-bottom:1px solid #dbdbdb;} #content .list-table > ul > li > a {position:relative;display:block;font-size:18px;line-height:1.2;letter-spacing:-0.075em;font-weight:400;padding:25px 10px 25px 90px;} #content .list-table > ul > li > a:before { content:"Q"; position:absolute; top:13px; left:20px; font-size:20px; color:#162344; font-weight:400; line-height:42px; text-align:center; width:44px; height:44px; border:1px solid #162344; border-radius:50%; } #content .list-table > ul > li > a:after {content:"";display:block;position:absolute;top:29px;right:15px;width:18px;height:11px;background:url('/images/common/faq_arrow.png') no-repeat center bottom 0px;} #content .list-table > ul > li.active > a:after {background-position:center top 0px;} #content .list-table > ul > li > div.answer {display:none;position:relative;font-size:18px;color:#333;line-height:1.6;letter-spacing:-0.075em;padding:25px 10px 25px 90px;border-top:1px solid #dbdbdb;background-color:#f8f9fc;} #content .list-table > ul > li > div.answer:before { content:"A"; position:absolute; top:13px; left:20px; font-size:20px; color:#fff; font-weight:400; line-height:42px; text-align:center; width:44px; height:44px; border:1px solid #162344; background-color:#162344; border-radius:50%; } /* DATA */ #content .list-table.data > p.count {font-size:14px;color:#333;font-weight:400;margin-top:30px;} #content .list-table.data > .title-wrap {display:flex;width:100%;margin-top:10px;border-top:2px solid #172344;border-bottom:1px solid #dbdbdb;} #content .list-table.data > .title-wrap > span {font-size:18px;font-weight:400;line-height:60px;height:60px;background-color:#f6f6f6;text-align:center;border-left:1px solid #dbdbdb;} #content .list-table.data > .table-wrap {display:flex;width:100%;position:relative;border-bottom:1px solid #dbdbdb;} #content .list-table.data > .table-wrap > span {font-size:18px;letter-spacing:-0.075em;line-height:60px;height:60px;padding:0 10px;text-align:center;border-left:1px solid #dbdbdb;} #content .list-table.data > .title-wrap > span:nth-child(1), #content .list-table.data > .table-wrap > span:nth-child(1) {width:15%;border-left:0;} #content .list-table.data > .title-wrap > span:nth-child(2), #content .list-table.data > .table-wrap > span:nth-child(2) {width:15%;} #content .list-table.data > .title-wrap > span:nth-child(3), #content .list-table.data > .table-wrap > span:nth-child(3) {width:45%;} #content .list-table.data > .title-wrap > span:nth-child(4), #content .list-table.data > .table-wrap > span:nth-child(4) {width:15%;} #content .list-table.data > .title-wrap > span:nth-child(5) {width:10%;} #content .list-table.data > .table-wrap > span:nth-child(5) {width:10%;} #content .list-table.data > .title-wrap > span:nth-child(6), #content .list-table.data > .table-wrap > span:nth-child(6) {width:10%;} #content .list-table.data > .title-wrap > span:nth-child(7) {width:10%;} #content .list-table.data > .table-wrap > span:nth-child(7) {width:10%;display:list-item;list-style:none;} /* EXHIBITION */ #content .list-table.exhibition > .title-wrap {display:flex;width:100%;margin-top:10px;border-top:2px solid #172344;border-bottom:1px solid #dbdbdb;} #content .list-table.exhibition > .title-wrap > span {font-size:18px;font-weight:400;line-height:60px;height:60px;background-color:#f6f6f6;text-align:center;border-left:1px solid #dbdbdb;} #content .list-table.exhibition > .table-wrap {width:100%;position:relative;} #content .list-table.exhibition > .table-wrap > a {display:flex;border-bottom:1px solid #dbdbdb;} #content .list-table.exhibition > .table-wrap > a > span {font-size:18px;letter-spacing:-0.075em;line-height:60px;height:60px;padding:0 10px;text-align:center;border-left:1px solid #dbdbdb;} #content .list-table.exhibition > .table-wrap > a > span > em {font-size:16px;color:#fff;letter-spacing:-0.075em;font-style:normal;padding:2px 6px;text-align:center;background-color:#4c4b4b;border-radius:3px;} #content .list-table.exhibition > .table-wrap > a > span > em.ing {background-color:#ebb100;} #content .list-table.exhibition > .title-wrap > span:nth-child(1), #content .list-table.exhibition > .table-wrap > a > span:nth-child(1) {width:80px;border-left:0;} #content .list-table.exhibition > .title-wrap > span:nth-child(2) {width:calc(70% - 80px);} #content .list-table.exhibition > .table-wrap > a > span:nth-child(2) {width:calc(70% - 80px);text-align:left;} #content .list-table.exhibition > .title-wrap > span:nth-child(3), #content .list-table.exhibition > .table-wrap > a > span:nth-child(3) {width:20%;} #content .list-table.exhibition > .title-wrap > span:nth-child(4) {width:10%;} #content .list-table.exhibition > .table-wrap > a > span:nth-child(4) {width:10%;display:list-item;list-style:none;} #content .exhibition-detail > p.count {font-size:14px;color:#333;font-weight:400;margin-top:30px;} #content .exhibition-detail > .title-area {position:relative;font-size:14px;color:#333;border-top:2px solid #172344;border-bottom:1px solid #dbdbdb;background-color:#f6f6f6;padding:15px 25px;margin-top:10px;} #content .exhibition-detail > .title-area > em {font-size:16px;color:#fff;letter-spacing:-0.075em;font-style:normal;padding:2px 6px;text-align:center;background-color:#4c4b4b;border-radius:3px;} #content .exhibition-detail > .title-area > em.ing {background-color:#ebb100;} #content .exhibition-detail > .title-area > strong {font-size:18px;letter-spacing:-0.075em;font-weight:400;} #content .exhibition-detail > .title-area > span {position:absolute;top:50%;right:25px;transform:translate(0,-50%);letter-spacing:-0.04em;} #content .exhibition-detail > .title-area > span:before {content:"전시회일정 ";} #content .exhibition-detail > .contentBox {font-size:16px;line-height:1.8;padding:35px 35px 0;} /* NEWS */ #content .list-table.news > .title-wrap {display:flex;width:100%;margin-top:10px;border-top:2px solid #172344;border-bottom:1px solid #dbdbdb;} #content .list-table.news > .title-wrap > span {font-size:18px;font-weight:400;line-height:60px;height:60px;background-color:#f6f6f6;text-align:center;border-left:1px solid #dbdbdb;} #content .list-table.news > .table-wrap {width:100%;position:relative;} #content .list-table.news > .table-wrap > a {display:flex;border-bottom:1px solid #dbdbdb;} #content .list-table.news > .table-wrap > a > span {font-size:18px;letter-spacing:-0.075em;line-height:60px;height:60px;padding:0 10px;text-align:center;border-left:1px solid #dbdbdb;} #content .list-table.news > .table-wrap > a > span > em {font-size:16px;color:#fff;letter-spacing:-0.075em;font-style:normal;padding:2px 6px;text-align:center;background-color:#4c4b4b;border-radius:3px;} #content .list-table.news > .table-wrap > a > span > em.ing {background-color:#ebb100;} #content .list-table.news > .title-wrap > span:nth-child(1), #content .list-table.news > .table-wrap > a > span:nth-child(1) {width:80px;border-left:0;} #content .list-table.news > .title-wrap > span:nth-child(2) {width:calc(75% - 80px);} #content .list-table.news > .table-wrap > a > span:nth-child(2) {width:calc(75% - 80px);text-align:left;} #content .list-table.news > .title-wrap > span:nth-child(3), #content .list-table.news > .table-wrap > a > span:nth-child(3) {width:15%;} #content .list-table.news > .title-wrap > span:nth-child(4) {width:10%;} #content .list-table.news > .table-wrap > a > span:nth-child(4) {width:10%;display:list-item;list-style:none;} #content .news-detail > p.count {font-size:14px;color:#333;font-weight:400;margin-top:30px;} #content .news-detail > .title-area {position:relative;font-size:14px;color:#333;border-top:2px solid #172344;border-bottom:1px solid #dbdbdb;background-color:#f6f6f6;padding:15px 25px;margin-top:10px;} #content .news-detail > .title-area > em {font-size:16px;color:#fff;letter-spacing:-0.075em;font-style:normal;padding:2px 6px;text-align:center;background-color:#4c4b4b;border-radius:3px;} #content .news-detail > .title-area > em.ing {background-color:#ebb100;} #content .news-detail > .title-area > strong {font-size:18px;letter-spacing:-0.075em;font-weight:400;} #content .news-detail > .title-area > span {position:absolute;top:50%;right:25px;transform:translate(0,-50%);letter-spacing:-0.04em;} #content .news-detail > .title-area > span:before {content:"작성일 ";} #content .news-detail > .contentBox {font-size:16px;line-height:1.8;padding:35px 35px 0;} /* ONLINE */ #content .online .privacy-box {background-color:#f6f6f6;margin-top:30px;padding:30px;text-align:center;} #content .online .privacy-box .tit {font-size:22px;color:#000;letter-spacing:-0.075em;margin-bottom:10px;} #content .online .privacy-box .contents {padding:20px;height:170px;overflow-y:scroll;border:1px solid #e7e7e7;background-color:#fff;text-align:left;margin-bottom:10px;} #content .online .privacy-box .contents strong {text-decoration:none;} #content .online .privacy-box .contents > p {font-size:14px;} #content .online .privacy-box .contents > ul {font-size:13px;margin-top:10px;} #content .online .privacy-box .contents > ul > li {position:relative;padding-left:10px;} #content .online .privacy-box .contents > ul > li:before {content:"-";position:absolute;top:0;left:0;} #content .online .privacy-box input[id="privacyCheck"] + label {padding-left:20px;font-size:13px;line-height:18px;} #content .online .privacy-box input[id="privacyCheck"] + label:before {content:"";display:inline-block;width:16px;height:16px;border:2px solid #acacac;background-color:#fff;vertical-align:middle;} #content .online .privacy-box input[id="privacyCheck"]:checked + label:before { border-color:black; background-color:yellow; } #content .online .subj {position:relative;font-size:18px;font-weight:400;letter-spacing:-0.075em;margin-top:50px;} #content .online .subj > em {position:absolute;bottom:0;right:0;font-size:12px;letter-spacing:-0.075em;font-style:normal;} #content .online > form > ul {border-top:2px solid #172344;margin-top:10px;} #content .online > form > ul li {position:relative;padding:9px 0 9px 168px;border-bottom:1px solid #dbdbdb;} #content .online > form > ul li > label {position:absolute;top:0;left:15px;font-size:16px;line-height:59px;} #content .online > form > ul li input, #content .online > form > ul li select, #content .online > form > ul li textarea {border:1px solid #acacac;background-color:#fff;width:250px;height:41px;font-size:13px;color:#000;padding:0 10px;vertical-align:top;} #content .online > form > ul li textarea {width:100%;height:260px;padding:10px;} #content .online > form > ul li input[type="file"] {border:0;width:100%;height:auto;padding:8px 0;} #content .online > form > ul li input:focus, #content .online > form > ul li select:focus, #content .online > form > ul li textarea:focus {background-color:#f2f0ed;} #content .online > form > ul li select {background:url('/images/common/selectbox_arrow.jpg') no-repeat right 10px center;} #content .online > form > ul li #phonenum1 {width:80px;} #content .online > form > ul li .phoneNum {width:100px;} #content .online > form > ul li #email {max-width:500px;width:100%;} #content .online > form > ul li #email {max-width:500px;width:100%;} /* AWARD */ #content .award {border-top:2px solid #172344;margin-top:30px;} #content .award > .subj {font-size:30px;letter-spacing:-0.075em;margin-top:80px;} #content .award > ul {display:flex;flex-wrap:wrap;margin-top:20px;margin-left:-40px;padding-bottom:40px;border-bottom:1px solid #dbdbdb;} #content .award > ul > li {position:relative;width:calc((100% / 4) - 40px);margin-left:40px;box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.15);margin-bottom:120px;} #content .award > ul > li .txtBox {position:absolute;width:100%;border:1px solid #ddd;text-align:center;margin-top:20px;font-size:18px;color:#333;padding:10px 0;} /* VIEW-PAGGING- */ #content ul.view-pg {border-top:1px solid #dbdbdb;margin-top:50px;} #content ul.view-pg li {position:relative;border-bottom:1px solid #dbdbdb;font-size:14px;padding:15px 10px;} #content ul.view-pg li:first-child:before {display:inline-block;content:"이전글";width:80px;height:19px;background:url('/images/common/view-prevnext.jpg') no-repeat right 0px top 3px;margin-right:20px;} #content ul.view-pg li:last-child:before {display:inline-block;content:"다음글";width:80px;height:19px;background:url('/images/common/view-prevnext.jpg') no-repeat right 0px bottom 3px;margin-right:20px;} #content ul.view-pg li:before, #content ul.view-pg li > a {color:#000;font-weight:400;} #content ul.view-pg li > span.date {position:absolute;top:50%;right:10px;transform:translate(0,-50%);font-size:12px;color:#727272;} #content ul.view-pg li.noneview:first-child:before {background-image:url('/images/common/view-prevnext-none.jpg');} #content ul.view-pg li.noneview:last-child:before {background-image:url('/images/common/view-prevnext-none.jpg');} #content ul.view-pg li.noneview:before, #content ul.view-pg li.noneview > a {color:#727272;font-weight:400;cursor:default;} /* PAGGINHG */ nav.pg-wrap {text-align:center;margin-top:50px;font-size:0;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;} nav.pg-wrap a {width:35px;height:35px;border-radius:50%;margin:0 1px;background-color:#bcbcbc;background-repeat:no-repeat;background-position:center center;vertical-align:middle;} nav.pg-wrap a.pg_first {background-image:url('/images/common/arrow-pg-first.png');} nav.pg-wrap a.pg_prev {background-image:url('/images/common/arrow-pg-prev.png');} nav.pg-wrap a.pg_next {background-image:url('/images/common/arrow-pg-next.png');} nav.pg-wrap a.pg_last {background-image:url('/images/common/arrow-pg-last.png');} nav.pg-wrap div.pg_num {margin:0 10px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;} nav.pg-wrap div.pg_num > a {background-color:#fff;border:1px solid #dfdfdf;font-size:14px;color:#000;line-height:33px;} nav.pg-wrap div.pg_num > a.pg_current {color:#fff;border-color:#162344;background-color:#162344;} /* SEARCH */ .searchBox {position:relative;padding:20px;background-color:#f6f6f6;} .searchBox label {display:inline-block;font-size:16px;color:#000;line-height:41px;width:110px;} .searchBox select {border:1px solid #acacac;width:220px;height:41px;font-size:14px;color:#000;padding:0 10px;vertical-align:top;background:#fff url('/images/common/selectbox_arrow.jpg') no-repeat right 10px center;} .searchBox .keyword-wrap {position:relative;display:inline-flex;width:calc(100% - 590px);height:41px;vertical-align:top;margin-left:30px;} .searchBox .keyword-wrap input#keyword {border:0;border-bottom:2px solid #333;width:100%;height:41px;font-size:16px;color:#000;background-color:#f6f6f6;} .searchBox .keyword-wrap input#keyword:focus {outline:none;} .searchBox .keyword-wrap button {position:absolute;top:50%;right:10px;transform:translate(0,-50%);border:0;width:27px;height:27px;padding:0;} /* BTN-WRAP */ .btn-wrap {margin-top:40px;} .btn-wrap a {display:inline-block;font-size:16px;color:#fff;letter-spacing:-0.075em;line-height:40px;min-width:144px;height:40px;padding:0 30px;background-color:#4c4b4b;text-align:center;} .btn-wrap a.regist {background-color:#162344;} #sub-cover {} #sub-cover .cover_bg { width:100%; height:341px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; } #sub-cover .cover_bg > div {transition-delay:0.5s;margin-top:70px;} #sub-cover .cover_bg p.tit {color:#fff;font-size:40px;text-align:center;} #sub-cover .cover_bg p.stit {color:#fff;font-size:20px;text-align:center;} #sub-cover .positioning {max-width:1300px;padding:40px 50px;margin:0 auto;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} #sub-cover .positioning > a {color:#999;font-size:16px;line-height:19px;} #sub-cover .positioning > a:before {content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#111;vertical-align:middle;margin:0 7px 3px;} #sub-cover .positioning > a:last-child {color:#0a56a4;} #sub-cover .positioning > .home {font-size:0;text-indent:-500%;width:20px;height:19px;background:url('/images/common/home-icon.png') no-repeat center center;background-size:cover;margin-right:10px;} #sub-cover .positioning > a:nth-child(2):before, #sub-cover .positioning > .home:before {content:none;} /* TABLE */ .tb_row {border-top:3px solid #f6bb42;margin-top:30px;} .tb_row table thead th {background-color:#2d4478;color:#fff;font-size:16px;padding:15px 0;border-left:1px solid #ccc;} .tb_row table tbody th {background-color:#f3f3f3;font-size:16px;padding:15px 0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} .tb_row table tbody td {background-color:#fff;font-size:16px;padding:15px 0;text-align:center;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} .tb_row table thead th:first-child, .tb_row table tbody th:first-child, .tb_row table tbody td:first-child {border-left:0;} /* VIEW-PAGGING- */ #content ul.view-pg {border-top:1px solid #dbdbdb;margin-top:50px;} #content ul.view-pg li {position:relative;border-bottom:1px solid #dbdbdb;font-size:14px;padding:15px 10px;} #content ul.view-pg li:first-child:before {display:inline-block;content:"이전글";width:80px;height:19px;background:url('/images/common/view-prevnext.jpg') no-repeat right 0px top 3px;margin-right:20px;} #content ul.view-pg li:last-child:before {display:inline-block;content:"다음글";width:80px;height:19px;background:url('/images/common/view-prevnext.jpg') no-repeat right 0px bottom 3px;margin-right:20px;} #content ul.view-pg li:before, #content ul.view-pg li > a {color:#000;font-weight:400;} #content ul.view-pg li > span.date {position:absolute;top:50%;right:10px;transform:translate(0,-50%);font-size:12px;color:#727272;} #content ul.view-pg li.noneview:first-child:before {background-image:url('/images/common/view-prevnext-none.jpg');} #content ul.view-pg li.noneview:last-child:before {background-image:url('/images/common/view-prevnext-none.jpg');} #content ul.view-pg li.noneview:before, #content ul.view-pg li.noneview, #content ul.view-pg li.noneview > a {color:#999;font-weight:400;cursor:default;} /* 인증서 및 수상실적 레이어팝업 */ #layer-prdImg-popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.86);z-index:9999999;overflow-y:auto;} #layer-prdImg-popup .wrap {width:100%;height:100%;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;} #layer-prdImg-popup .viewer {padding:20px;text-align:center;font-size:0;line-height:0;} #layer-prdImg-popup .viewer img {margin:5px 0;max-width:1200px;width:100%;max-height:850px;height:auto;} #layer-prdImg-popup .viewer span {display:block;width:100%;text-align:center;font-size:11px;line-height:1.2em;color:rgba(255,255,255,0.6);} /* SUB01 */ /* CEO 인사말 */ .sub01.container > #sub-cover > .cover_bg {background-image:url('/images/sub01/cover_bg.jpg');} .sub01.container > .greeting-wrap > .inConts {display:flex;justify-content:center;flex-wrap:wrap;align-items:center;height:371px;} .sub01.container > .greeting-wrap > .inConts > .txt-box { width:calc(100% - 651px); height:100%; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; background: linear-gradient(0.37turn, #2d4478, #0b1c43); } .sub01.container > .greeting-wrap > .inConts > .txt-box > div {padding:50px 15px;} .sub01.container > .greeting-wrap > .inConts > .txt-box > div > h1 {color:#fff;font-size:36px;line-height:1.4;font-weight:400;margin-top:20px;} .sub01.container > .greeting-wrap > .inConts > .txt-box > div > h2 {color:#fff;font-size:17px;font-weight:400;} .sub01.container > .greeting-wrap > .inConts > figure {width:651px;font-size:0;} .sub01.container > .head-box p.tit {font-size:36px;font-weight:500;margin-top:50px;} .sub01.container > .head-box p.desc {font-size:18px;font-weight:300;margin-top:20px;padding-bottom:50px;border-bottom:1px solid #cbcbca;} .sub01.container > .chiller-box {margin-top:10px;} .sub01.container > .chiller-box .samjung {font-size:24px;text-align:right;margin-bottom:60px} .sub01.container > .chiller-box .samjung > span {font-size:18px;} .sub01.container > .chiller-box .box {background:#f5f5f5 url('/images/sub01/01_img02.jpg') no-repeat right 50px center;padding:60px;margin-top:20px;} .sub01.container > .chiller-box .box > h1 {color:#293e71;font-size:40px;} .sub01.container > .chiller-box .box > ul {margin-top:50px;} .sub01.container > .chiller-box .box > ul li {color:#666;font-size:13px;margin-top:20px;} .sub01.container > .chiller-box .box > ul li > strong {position:relative;color:#000;font-size:18px;font-weight:400;} .sub01.container > .chiller-box .box > ul li > strong:after {content:"";display:inline-block;width:26px;height:21px;background:url('/images/sub01/01_img03.png') no-repeat center center/cover;margin-left:5px;} /* 회사소개 */ .sub01.container > .company-wrap {margin-top:20px;} .sub01.container > .company-wrap > .inConts {display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;padding-bottom:200px;} .sub01.container > .company-wrap > .inConts:nth-child(2) {margin-top:100px;} .sub01.container > .company-wrap > .inConts .txt-box {width:600px;} .sub01.container > .company-wrap > .inConts.right .txt-box {width:50%;margin-left:50%;} .sub01.container > .company-wrap > .inConts.right .txt-box > div {padding:0 50px;} .sub01.container > .company-wrap > .inConts .txt-box h1 {font-size:38px;line-height:1.2;letter-spacing:-0.075em;font-weight:300;} .sub01.container > .company-wrap > .inConts .txt-box h1.blue {color:#0a56a4;} .sub01.container > .company-wrap > .inConts .txt-box h2 {color:#0a56a4;font-size:28px;letter-spacing:-0.075em;font-weight:400;margin-bottom:20px;} .sub01.container > .company-wrap > .inConts .txt-box h1 > strong {font-weight:500;} .sub01.container > .company-wrap > .inConts .txt-box h1 > span {font-weight:400;} .sub01.container > .company-wrap > .inConts .txt-box .desc {font-size:18px;letter-spacing:-0.075em;font-weight:300;margin-top:50px;} .sub01.container > .company-wrap > .inConts figure {position:absolute;top:0;left:50%;z-index:1;} .sub01.container > .company-wrap > .inConts figure.shadow:before {content:"";position:absolute;top:16px;left:21px;width:200%;height:100%;background-color:#eaeaea;z-index:-1;} .sub01.container > .company-wrap > .inConts figure.img {top:-220px;} .sub01.container > .company-wrap > .inConts figure.img:after {content:"";position:absolute;top:280px;left:250px;width:400px;height:270px;background:url('/images/sub01/02_img03.jpg') no-repeat center center/cover;z-index:1;} .sub01.container > .company-wrap > .inConts.right figure {left:0;} .sub01.container > .company-wrap > .inConts:nth-child(1) figure {margin-left:50px;} .sub01.container > .company-wrap > .inConts:nth-child(3) figure {margin-left:-79px;} .sub01.container > .company-list {max-width:1300px;width:100%;margin:0 auto;padding:0 50px;} .sub01.container > .company-list ul {margin-left:-20px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub01.container > .company-list ul li {width:calc(25% - 20px);margin-left:20px;} .sub01.container > .company-list ul li .tit {font-size:20px;text-align:center;} /* 연혁 */ .sub01.container > .history-wrap {} .sub01.container > .history-wrap > .head-cover {max-width:1300px;height:385px;margin:0 auto;padding:0 50px;} .sub01.container > .history-wrap > .head-cover > div {width:100%;height:100%;color:#fff;font-size:50px;text-align:center;line-height:1.2;letter-spacing:-0.075em;background:url('/images/sub01/03_img01.jpg') no-repeat center center;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;} .sub01.container > .history-wrap > .inConts ul li {position:relative;margin-top:30px;border-top:2px dotted #ddd;padding:30px 100px 0 300px;min-height:80px;} .sub01.container > .history-wrap > .inConts ul li:first-child {border-top:0;} .sub01.container > .history-wrap > .inConts ul li h1 {position:absolute;top:25px;left:100px;color:#132550;font-size:50px;line-height:1.0;} .sub01.container > .history-wrap > .inConts ul li p {position:relative;color:#333;font-size:15px;padding-left:45px;margin-bottom:10px;} .sub01.container > .history-wrap > .inConts ul li p > em {position:absolute;top:50%;left:0;transform:translate(0,-50%);font-size:20px;line-height:1.0;font-style:normal;} .sub01.container > .history-wrap > .inConts ul li p:before {content:"";position:absolute;top:10px;left:35px;width:3px;height:3px;background-color:#dd660e;} /* 수상/특허 */ .sub01.container > .patent-wrap {} .sub01.container > .patent-wrap ul {margin-left:-25px;display:flex;flex-wrap:wrap;} .sub01.container > .patent-wrap ul li {width:calc(20% - 25px);margin-left:25px;margin-bottom:40px;} .sub01.container > .patent-wrap ul li > figure {background-color:#564639;padding:10px;font-size:0;} .sub01.container > .patent-wrap ul li > p.tit {font-size:18px;line-height:1.2;letter-spacing:-0.03em;text-align:center;margin-top:10px;} .sub01.container > .patent-wrap h1 {font-size:32px;margin-top:50px;margin-bottom:20px;padding-top:50px;border-top:1px solid #dbdbdb;} /* 주요고객(납품실적) */ .sub01.container > .customer-wrap {} .sub01.container > .customer-wrap ul {margin-left:-20px;display:flex;flex-wrap:wrap;} .sub01.container > .customer-wrap ul li {width:calc(20% - 20px);margin-left:20px;margin-bottom:20px;border:1px solid #ddd;} .sub01.container > .customer-wrap ul li > figure {font-size:0;} .sub01.container > .customer-wrap ul li > p.tit {font-size:16px;letter-spacing:-0.03em;text-align:center;padding:15px 0;border-top:1px solid #eee;} .sub01.container > .customer-wrap h1 {font-size:32px;margin-top:50px;margin-bottom:20px;padding-top:50px;border-top:1px solid #dbdbdb;} /* 오시는 길 */ .sub01.container > .location-wrap {} .sub01.container > .location-wrap .root_daum_roughmap {width:auto !important;} .sub01.container > .location-wrap .root_daum_roughmap .wrap_controllers {display:none;} .sub01.container > .location-wrap .infor {background-color:#253b6c;padding:50px;display:flex;} .sub01.container > .location-wrap .infor p {width:50%;color:#fff;font-size:18px;} .sub01.container > .location-wrap .infor p.position {} .sub01.container > .location-wrap .infor p.tel-fax {text-align:right;} .sub01.container > .location-wrap .infor p.position:before {content:"";display:inline-block;width:27px;height:30px;margin-right:5px;background:url('/images/sub01/05_icon_01.jpg') no-repeat center center/cover;vertical-align:middle;} .sub01.container > .location-wrap .infor p.tel-fax > span.tel {margin-right:10px;} .sub01.container > .location-wrap .infor p.tel-fax > span.tel:before {content:"";display:inline-block;width:27px;height:30px;margin-right:5px;background:url('/images/sub01/05_icon_02.jpg') no-repeat center center/cover;vertical-align:middle;} .sub01.container > .location-wrap .infor p.tel-fax > span.fax:before {content:"";display:inline-block;width:27px;height:30px;margin-right:5px;background:url('/images/sub01/05_icon_03.jpg') no-repeat center center/cover;vertical-align:middle;} /* SUB02 */ .sub02.cate01.container > #sub-cover > .cover_bg {background-image:url('/images/sub02/cover_cate01_bg.jpg');} .sub02.cate02.container > #sub-cover > .cover_bg {background-image:url('/images/sub02/cover_cate01_bg.jpg');} /* 수소충전용 냉각기 */ .sub02.container > footer {margin-top:0;} .sub02 > #sub-cover {background-color:#f5f5f5;} .sub02.container > .prdInfor-wrap {background-color:#f5f5f5;} .sub02.container > .prdInfor-wrap > .inConts {height:620px;box-sizing:border-box;z-index:1;} .sub02.container > .prdInfor-wrap .imgViewer { position:absolute; top:0; right:50px; width:728px; height:100%; background-repeat:no-repeat; background-position:top right; background-size:contain; z-index:-1; } .sub02.container > .prdInfor-wrap .infor-box {width:100%;height:100%;padding-top:30px;} .sub02.container > .prdInfor-wrap h1 {color:#333;font-size:65px;font-weight:500;letter-spacing:-0.075em;line-height:1.2;} .sub02.container > .prdInfor-wrap h2 {color:#333;font-size:24px;font-weight:400;margin-top:15px;} .sub02.container > .prdInfor-wrap h2 > em.sub {font-weight:400;} .sub02.container > .prdInfor-wrap p.desc {color:#666;font-size:18px;margin-top:30px;letter-spacing:-0.03em;} .sub02.container > .prdInfor-wrap figure {position:absolute;top:99px;right:50px;width:102px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub02.container > .prdInfor-wrap figure > a {border:1px solid #ccc;font-size:0;margin-bottom:3px;} .sub02.container > .head {position:relative;max-width:1200px;width:100%;margin:0 auto;color:#fff;font-size:34px;letter-spacing:-0.075em;background-color:#2d4478;text-align:center;padding:25px 15px;margin-top:-60px;z-index:1;} .sub02.container > .head > strong {color:#f1ea21;font-weight:500;} .sub02.container > .head.table {text-align:left;padding:25px 60px;} .sub02.container > .head.table > div {position:relative;font-size:20px;letter-spacing:-0.05em;font-weight:300;padding-left:180px;margin-bottom:15px;} .sub02.container > .head.table > div > span {position:absolute;top:0;left:0;} .sub02.container > .head.table > div > span:before {content:"ㆍ";} .sub02.container > .contentBox {padding:80px 0;} .sub02.container > .contentBox h1 {font-size:32px;letter-spacing:-0.03em;font-weight:400;} .sub02.container > .contentBox h3 {color:#666;font-size:18px;letter-spacing:-0.03em;font-weight:400;margin-top:20px;} .sub02.container > .contentBox ul {display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;margin-top:20px;} .sub02.container > .contentBox ul.list li {position:relative;width:25%;font-size:20px;letter-spacing:-0.05em;margin-top:10px;padding-left:15px;} .sub02.container > .contentBox ul.list li:before {content:"-";position:absolute;top:0;left:0;} .sub02.container > .contentBox > .inConts > p {font-size:20px;} .sub02.container > .contentBox ul.cols2 li {width:50%;} .sub02.container > .contentBox ul.cols1 li {width:100%;} .sub02.container > .contentBox ul.tindent60 li {text-indent:60px;} .sub02.container > .contentBox .pic-box {border:1px solid #ddd;padding:30px;background-color:#fff;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;margin-top:20px;} .sub02.container > .contentBox .pic-box > div.caution {font-size:14px;line-height:1.4;max-width:1100px;width:100%;} .sub02.container > .contentBox div.case.gallery {margin-top:30px;margin-bottom:60px;} .sub02.container > .contentBox div.case.gallery .slick-list {margin-right:-30px;} .sub02.container > .contentBox div.case.gallery .slick-list .slick-track {margin-left:-30px;} .sub02.container > .contentBox div.case.gallery .slick-list .slick-track .slick-slide {margin-left:30px;background-position:center center;background-repeat:no-repeat;background-size:cover;} .sub02.container > .contentBox div.case.gallery button.slick-prev {position:absolute;bottom:-60px;left:50%;transform:translate(calc(-100% - 10px),0);width:38px;height:38px;background:url('/images/sub02/gallery-prev.png') no-repeat center center/cover;border:0;outline:none;text-indent:-1000%;overflow:hidden;} .sub02.container > .contentBox div.case.gallery button.slick-next {position:absolute;bottom:-60px;left:50%;transform:translate(10px,0);width:38px;height:38px;background:url('/images/sub02/gallery-next.png') no-repeat center center/cover;border:0;outline:none;text-indent:-1000%;overflow:hidden;} .sub02.container > .contentBox div.case.gallery-solo {margin-top:30px;margin-bottom:60px;background-color:#fff;height:800px;} .sub02.container > .contentBox div.case.gallery-solo > .slick-list, .sub02.container > .contentBox div.case.gallery-solo > .slick-list > .slick-track, .sub02.container > .contentBox div.case.gallery-solo > .slick-list > .slick-track > .slick-slide {width:100%;height:100%;} .sub02.container > .contentBox div.case.gallery-solo > .slick-list > .slick-track > .slick-slide {display:flex;justify-content:center;align-items:center;} .sub02.container > .contentBox div.case.gallery-solo > .slick-list > .slick-track > .slick-slide > img {max-width:100%;max-height:100%;} .sub02.container > .contentBox div.case.gallery-solo > .slick-dots {margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;} .sub02.container > .contentBox div.case.gallery-solo > .slick-dots > li {padding:0 2px;} .sub02.container > .contentBox div.case.gallery-solo > .slick-dots > li > button {font-size:14px;background-color:transparent;border:0;border-radius:50%;width:22px;height:22px;cursor:pointer;} .sub02.container > .contentBox div.case.gallery-solo > .slick-dots > li.slick-active > button {color:#fff;background-color:#374EA1;width:30px;height:30px;} .sub02.container > .contentBox div.case.gallery-solo button.slick-prev {position:absolute;top:50%;left:15px;transform:translate(0,-50%);width:60px;height:60px;background:url('/images/sub02/gallery-prev-big.png') no-repeat center center/cover;border:0;outline:none;text-indent:-1000%;overflow:hidden;cursor:pointer;z-index:9;} .sub02.container > .contentBox div.case.gallery-solo button.slick-next {position:absolute;top:50%;right:15px;transform:translate(0,-50%);width:60px;height:60px;background:url('/images/sub02/gallery-next-big.png') no-repeat center center/cover;border:0;outline:none;text-indent:-1000%;overflow:hidden;cursor:pointer;z-index:9;} .sub02.container > .contentBox .tab {margin-top:20px;} .sub02.container > .contentBox .tab div.tab-title-mobile {display:none;} .sub02.container > .contentBox .tab ul {border-top:1px solid #ccc;border-left:1px solid #ccc;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub02.container > .contentBox .tab ul li {width:20%;font-size:18px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;cursor:pointer;padding:10px 5px;background-color:#fefefe;} .sub02.container > .contentBox .tab ul li:hover {background-color:rgba(10,86,164,0.2);} .sub02.container > .contentBox .tab ul li.active {color:#fff;background-color:#0a56a4;} .sub02.container > .contentBox .tab ul.cols2 li {width:calc(100% / 2);} .sub02.container > .contentBox .tab ul.cols3 li {width:calc(100% / 3);} .sub02.container > .standard-feature-table {padding:100px 0;} .sub02.container > .standard-feature-table h1 {font-size:32px;letter-spacing:-0.03em;font-weight:400;} .sub02.container > .standard-feature-table .btn.catalogue {position:absolute;top:0;right:50px;color:#fff;font-size:16px;line-height:1.0;padding:15px 20px;border:0;border-radius:0;background-color:#f6bb42;} .sub02.container > .standard-feature-table .btn.inquiry {display:block;max-width:260px;width:100%;height:56px;color:#fff;font-size:20px;line-height:56px;padding:0 20px;border:0;border-radius:0;background-color:#2d4478;margin:60px auto 0;} .icon-box > span.new {display:inline-block;color:#fff;font-size:12px;font-weight:700;padding:2px 10px;background-color:#e9bc45;} .icon-box > span.best {display:inline-block;color:#fff;font-size:12px;font-weight:700;padding:2px 10px;background-color:#ec9734;} .sub02.container > .contentBox.gray {background-color:#f5f5f5;} /* SUB03 */ /* LIST */ .sub03.container > #sub-cover > .cover_bg {background-image:url('/images/sub03/cover_bg.jpg');} .sub03.container > .list-wrap {max-width:1300px;width:100%;padding:0 50px;margin:0 auto;} .sub03.container > .list-wrap > .tab {margin-top:20px;} .sub03.container > .list-wrap > .tab div.tab-title-mobile {display:none;} .sub03.container > .list-wrap > .tab ul {border-top:1px solid #ccc;border-left:1px solid #ccc;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub03.container > .list-wrap > .tab ul li {width:33.333%;font-size:18px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;cursor:pointer;padding:10px 5px;} .sub03.container > .list-wrap > .tab ul li:hover {background-color:rgba(10,86,164,0.2);} .sub03.container > .list-wrap > .tab ul li.active {color:#fff;background-color:#0a56a4;} .sub03.container > .list-wrap > .list {} .sub03.container > .list-wrap > .list ul {margin-left:-30px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub03.container > .list-wrap > .list ul li {width:calc(33.333% - 30px);margin-left:30px;margin-top:50px;} .sub03.container > .list-wrap > .list ul li figure {font-size:0;border:1px solid #ddd;background-position:center center;background-repeat:no-repeat;background-size:cover;} .sub03.container > .list-wrap > .list ul li p.tit {font-size:20px;line-height:1.2em;margin-top:15px;} .sub03.container > .list-wrap > .list ul li p.desc {color:#999;font-size:14px;margin-top:5px;} .sub03.container > .list-wrap > p.count {font-size:14px;color:#333;font-weight:400;margin-top:30px;} /* VIEW */ .sub03.container .view-tab {} .sub03.container .view-tab {margin-top:20px;} .sub03.container .view-tab div.tab-title-mobile {display:none;} .sub03.container .view-tab ul {border-top:1px solid #ccc;border-left:1px solid #ccc;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub03.container .view-tab ul li {width:33.333%;font-size:18px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;cursor:pointer;padding:10px 5px;} .sub03.container .view-tab ul li:hover {background-color:rgba(10,86,164,0.2);} .sub03.container .view-tab ul li.active {color:#fff;background-color:#0a56a4;} .sub03.container .view-wrap {display:flex;margin-top:50px;} .sub03.container .view-wrap div.left {position:relative;width:751px;font-size:0;margin:0;background-color:transparent;} .sub03.container .view-wrap div.left button.slick-arrow {display:block;width:50px;height:50px;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;z-index:1;font-size:0;border:0;} .sub03.container .view-wrap div.left button.slick-prev {left:10px;background:rgba(0,0,0,0.5) url('/images/sub03/caseview-btn-prev.png') no-repeat center center;} .sub03.container .view-wrap div.left button.slick-next {right:10px;background:rgba(0,0,0,0.5) url('/images/sub03/caseview-btn-next.png') no-repeat center center;} .sub03.container .view-wrap div.left ul.slick-dots {position:absolute;bottom:0;left:0;height:50px;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;flex-wrap:wrap;align-items:center;} .sub03.container .view-wrap div.left ul.slick-dots li {} .sub03.container .view-wrap div.left ul.slick-dots li button {position:relative;display:block;font-size:15px;color:#fff;font-weight:600;margin:0 5px;border:0;background:transparent;} .sub03.container .view-wrap div.left ul.slick-dots li.slick-active button {color:#f8c80f;border-bottom:2px solid #f8c80f;} .sub03.container .view-wrap div.right {position:relative;width:calc((100% - 751px) - 40px);margin-left:40px;} .sub03.container .view-wrap div.right ul {width:100%;border-top:2px solid #172344;} .sub03.container .view-wrap div.right ul li {position:relative;font-size:15px;font-weight:400;padding:17px 0;} .sub03.container .view-wrap div.right ul li > span {position:absolute;left:0;font-weight:400;} .sub03.container .view-wrap div.right ul li.title {font-size:24px;color:#333;font-weight:500;letter-spacing:-0.075em;border-bottom:1px solid #dbdbdb;} .sub03.container .view-wrap div.right a {display:block;position:absolute;bottom:0;left:0;width:100%;background-color:#00224a;font-size:18px;color:#fff;line-height:50px;height:50px;text-align:center;} /* SUB04 */ /* 홍보동영상 */ .sub04.container > #sub-cover > .cover_bg {background-image:url('/images/sub04/cover_bg.jpg');} .sub04.container > .movie-wrap {max-width:1300px;width:100%;padding:0 50px;margin:0 auto;} .sub04.container > .movie-wrap > .viewer {position:relative;width:100%;height:0;padding-bottom:56.25%;} .sub04.container > .movie-wrap > .viewer iframe {position:absolute;top:0;left:0;width:100%;height:100%;} .sub04.container > .movie-wrap > .list {margin-top:50px;border-top:1px solid #dbdbdb;} .sub04.container > .movie-wrap > .list ul {margin-left:-30px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub04.container > .movie-wrap > .list ul li {width:calc(33.333% - 30px);margin-left:30px;margin-top:50px;} .sub04.container > .movie-wrap > .list ul li p.tit {font-size:20px;line-height:1.2em;margin-top:10px;} .sub04.container > .movie-wrap > .list ul li p.date {color:#999;font-size:14px;margin-top:10px;} /* SUB05 */ /* 자료실 */ .sub05.container > #sub-cover > .cover_bg {background-image:url('/images/sub05/cover_bg.jpg');} .sub05.container > .inConts > .tab {margin-top:20px;} .sub05.container > .inConts > .tab div.tab-title-mobile {display:none;} .sub05.container > .inConts > .tab ul {border-top:1px solid #ccc;border-left:1px solid #ccc;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;} .sub05.container > .inConts > .tab ul li {width:33.333%;font-size:18px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;cursor:pointer;padding:10px 5px;} .sub05.container > .inConts > .tab ul li:hover {background-color:rgba(10,86,164,0.2);} .sub05.container > .inConts > .tab ul li.active {color:#fff;background-color:#0a56a4;} /* Footer */ #footer {position:relative;display:block;width:100%;background-color:#333;overflow:hidden;} #footer .wrap {position:relative;max-width:1300px;width:100%;padding:30px 50px; margin:0 auto;} #footer .wrap a.home {position:absolute;top:30px;left:50px;width:170px;height:33px;} #footer .wrap a.home .obj {fill:#ffffff;} #footer .wrap .link {position:relative;width:calc(100% - 170px);margin-left:170px;text-align:right;} #footer .wrap .link a, #footer .wrap .link span {position:relative;color:#fff;font-size:14px;font-weight:300;margin-left:22px;} #footer .wrap .link a:first-child {margin-left:0;} #footer .wrap .link a:before, #footer .wrap .link span:before {content:"";position:absolute;top:10px;left:-12px;width:3px;height:3px;border-radius:50%;background-color:#b4b4b4;} #footer .wrap .link a:first-child:before {content:none;} #footer .wrap .address {position:relative;margin-top:30px;} #footer .wrap .address span {position:relative;font-size:12px;color:#818181;font-weight:400;} #footer .wrap .address span > em {position:relative;font-style:normal;margin-left:11px;} #footer .wrap .address span > em:before {content:"";position:absolute;top:3px;left:-6px;width:1px;height:10px;background-color:#4d4d4d;} #footer .wrap .address span.first:before {content:"";position:inherit;display:block; clear:both; height:0; visibility:hidden;} #footer .wrap .address span.first > em {margin-left:0;} #footer .wrap .address span.first > em:before {content:none;} #footer .wrap .copyright {font-size:11px;color:#999;margin-top:5px;} #footer .wrap .sns {position:absolute;bottom:30px;right:50px;display:flex;justify-content:flex-start;flex-wrap:nowrap;align-items:flex-start;} #footer .wrap .sns > a {margin-left:10px;} #footer #mark-wrap {border-top:1px solid #5c5c5c;} #footer #mark-wrap > .inConts {width:100%;padding:20px 50px 50px;} #footer #mark-wrap > .inConts > div {} #footer #mark-wrap > .inConts div.slick-track {display:flex;justify-content:center;align-items:center;} #footer #mark-wrap > .inConts > div p.slick-slide {display:flex;justify-content:center;align-items:center;padding:0 5px;} #footer #mark-wrap > .inConts > div p.slick-slide > img {} #topButton {display:none;position:fixed;bottom:-100px;right:15px;width:40px;height:40px;border:1px solid #666;border-radius:50%;cursor:pointer;opacity:0;-webkit-transition: .45s; transition: .45s;} #topButton.show {bottom:15px;opacity:1;} #topButton > span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid #666;} #topButton:hover {border-color:#000;} #topButton:hover > span {border-bottom-color:#000;} iframe#ifm-infor-wrap {display:none;} /* 관리자 추가 사항 */ #layerPopup { max-width:1600px;padding:10px;overflow:hidden; position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);transform:translate(0,100%); -webkit-transition: .45s; transition: .45s; } #layerPopup.active {transform:translate(0,0);} #layerPopup > .wrap {top:50%;transform:translate(0,-50%);} #layerPopup > .wrap > .close {display:block;text-align:right;color:#999;font-size:12px;padding:5px;} #layerPopup > .wrap .slick-dots {display:flex;justify-content:center;align-items:center;} #layerPopup > .wrap .slick-dots li button {font-size:0;border:0;} #layerPopup > .wrap .slick-dots li.slick-active button {background-color:#ff4400;} #layerPopup > .wrap .slick-arrow {position:absolute;bottom:0;background-color:transparent;border:0;color:#fff;font-size:12px;} #layerPopup > .wrap .slick-arrow.slick-prev {left:0;} #layerPopup > .wrap .slick-arrow.slick-next {right:0;} @media only screen and (max-width:1280px) { #header h1 {left:15px;} #header .right {right:10px;} #header .inConts {padding:0 15px;} #header #gnb .menu_box > .menu_div {width:120px;} } @media only screen and (max-width:1240px) { /* INDEX */ section#cover div.cover p.tit {font-size:60px;} /* SUB01 */ .sub01.container > .greeting-wrap > .inConts {height:285px;} .sub01.container > .greeting-wrap > .inConts > .txt-box {width:calc(100% - 500px);} .sub01.container > .greeting-wrap > .inConts > figure {width:500px;} /* SUB02 */ .sub02.container > .prdInfor-wrap > .inConts {height:600px;} .sub02.container > .prdInfor-wrap h2 {font-size:24px;} .sub02.container > .prdInfor-wrap h1 {font-size:70px;} .sub02.container > .prdInfor-wrap p.desc {font-size:16px;} .sub02.container > .prdInfor-wrap .imgViewer {top:10px;width:650px;;height:600px;} .sub02.container > .prdInfor-wrap .head {font-size:30px;} .sub02.container > .contentBox ul.list li {font-size:18px;} } @media only screen and (max-width:1160px) { #header #gnb .menu_box > .menu_div {width:110px;} /* SUB02 */ .sub02.container > .contentBox ul.list li {font-size:18px;} } @media only screen and (max-width:1024px) { .pVer1024 {display:block !important;} section#cover_lineup .txt-wrap {width:410px;} section#cover_lineup .gallery-wrap {width:calc(100% - 410px);} section#cover_lineup .gallery-wrap > .pic-box {width:570px;} section#cover_lineup .gallery-txt-box {top:295px;left:400px;min-height:260px;} section#cover_lineup .gallery-txt-box > .tit:after {margin:20px 0;} section#cover_lineup .gallery-wrap > .pic-box > .slick-list > .slick-track > .slick-slide { opacity:0.0; transform: scale(1); -o-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } section#cover_lineup .gallery-wrap > .pic-box > .slick-list > .slick-track > .slick-slide.slick-active {opacity:1.0;transform:scale(1.0);} .sub03.container .view-wrap div.left {width:650px;} .sub03.container .view-wrap div.right {width:calc(100% - 650px);} }