/* Theme Name: ScottieGO Theme URI: http://obok.com.pl/ Version: 2.0 Description: by BeCREO Technologies. Author: Studio OBOK Author URI: http://obok.com.pl Template: html5blank Text Domain: ScottieGO! */ /*------------------------------------*\ PRINCIPALES \*------------------------------------*/ /* :root { --temita:url('<');} */ /* -- KOLORY -- */ /* :root { --bialy:#fff; } :root { --szary:#b4b4b4; } :root { --ciemny:#525252; } :root { --zolty:#f6f00c; } :root { --pomaranczowy:#ff8a00; } :root { --sand:#d5d775; } */ /* -- NIEBIESKIE */ /* :root { --niebo:#7ddced; } :root { --jasny:#58bedf; } :root { --woda:#00a4cf; } :root { --lod:#3c90c5; } :root { --niebieski:#007eb6; } :root { --granatowy:#006eaa; } */ /*------------------------------------*\ FONT \*------------------------------------*/ /* Noto Sans KR */ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap"); /*------------------------------------*\ RESET & COMMON \*------------------------------------*/ *, *:after, *:before { padding:0; margin:0; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-margin-before:0px; -webkit-margin-after:0px; -webkit-margin-first:0px; -webkit-margin-before:0px; } html {font-size:62.5%;} /* html element 62.5% font-size for REM use */ body { font-family: 'Noto Sans KR', sans-serif; color:#fff; margin:0px; -webkit-font-smoothing: antialiased; /*-moz-osx-font-smoothing: grayscale; */ } /* -- 폰트 설정 -- */ h1, h2, h3, h4, h5, h6, h7 {word-wrap:break-word; word-break:keep-all;} h1 { font-size:49pt; line-height:52pt; font-family:'Noto Sans KR', sans-serif; font-weight:700; color:#525252; } h2 { font-size:28pt; line-height:28pt; font-family:'Noto Sans KR', sans-serif; font-weight:500; color:#58bedf; margin-bottom:33px; } h3 { font-size:27pt; line-height:29pt; font-family:'Noto Sans KR', sans-serif; font-weight:700; color:#525252; } h4 { font-size:22pt; line-height:normal; font-family:'Noto Sans KR', sans-serif; font-weight:700; } h5, .h5 li { font-size:20pt; line-height:20pt; font-family:'Noto Sans KR', sans-serif; font-weight:700;} h5 { color:#525252; } h6 { font-size:15pt; line-height:19pt; font-family:'Noto Sans KR', sans-serif; font-weight:500; color:#525252;} p, h7, .h7 li { font-size:13pt; line-height:19pt !important; font-family:'Noto Sans KR', sans-serif; font-weight:400; word-break:keep-all } .h7 li:last-child { margin:0px;} h8, span[class^="wpcf7"], div[class^="wpcf7"] { font-size:11pt; line-height:20pt; font-family:'Noto Sans KR', sans-serif; font-weight:300;} h9 { font-size:9pt; line-height:normal; font-family:'Noto Sans KR', sans-serif; font-weight:400;} h10 { font-size:8pt; line-height:14pt; font-family:'Noto Sans KR', sans-serif; font-weight:500; } h11, .contact-form input { font-size:8pt; line-height:18pt; font-family:'Noto Sans KR', sans-serif; font-weight:300; color:#b4b4b4;} span[class^="wpcf7"], div[class^="wpcf7"] { font-family:'Noto Sans KR', sans-serif; font-weight:700; } .fw-400 {font-weight:400;} /* -- COLOR: -- */ .bialy { color:#fff; } .szary { color:#b4b4b4; } .ciemny { color:#525252; } .zolty { color:#f6f00c; } .pomaranczowy { color:#ff8a00 !important; } .niebo { color:#7ddced; } .jasny { color:#58bedf; } .woda { color:#00a4cf; } .lod { color:#3c90c5; } /* 파랑 */ .blue, .niebieski { color:#007eb6; } .granatowy { color:#006eaa; } .sand { color:#d5d775; } .red {color:#f40c0c !important;} .yellow {color:#ffea58 !important;} .orange {color:#fe8a01;} .green {color:#21da86;} .gray-333 {color:#333;} .gray-555 {color:#555;} /* -- BACKGROUND-COLOR: -- */ .bgbialy { background-color:#fff; } .bgszary { background-color:#b4b4b4; } .bgciemny { background-color:#525252; } .bgzolty { background-color:#f6f00c; } .bgpomaranczowy { background-color:#ff8a00; } .bgniebo { background-color:#7ddced; } .bgjasny { background-color:#58bedf; } .bgwoda { background-color:#00a4cf; } .bglod { background-color:#3c90c5; } .bgniebieski { background-color:#007eb6; } .bggranatowy { background-color:#006eaa; } .bgsand { background-color:#d5d775; } /* -- position -- */ .rel { position:relative; } .abs { position:absolute; } .supercentrado {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} /* -- z-index -- */ .z1 { z-index:1; } .z100 { z-index:100; } .z150 { z-index:150; } .z200 { z-index:200; } /* -- width & height -- */ .wfull { width:100%; } .full { width:100%; height:100%; } .fullscreen { width:100vw; height:100vh; } .h100 { height:100%; } /* -- float -- */ .floatL { float:left; } .floatR { float:right; } /* -- clear -- */ .clear:before, .clear:after {content:' '; display:table;} .clear:after {clear:both;} .clear {*zoom:1;} br.clear { display:none; } /* -- link -- */ a {color:#525252; text-decoration:none !important;} a:focus {outline:0;} a:hover, a:active {outline:0;} .bgjasny a, .bgwoda a, .bglod a, .bgniebieski a {color:#f6f00c;} .bialy a { color:#fff; } .bgbialy a { color:#000; } a:hover, .bgjasny a:hover, .bgwoda a:hover, .bglod a:hover, .bgniebieski a:hover { color:#a4f6ff; cursor:pointer; } .bgbialy a:hover { color:#58bedf; cursor:pointer;} /* -- margin -- */ .space33 { margin-top:33px !important; } .space66 { margin-top:66px !important; } .mt20 {margin-top:20px;} .mt40 {margin-top:40px;} .mt60 {margin-top:60px;} .mb10 {margin-bottom:10px;} .mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;} /* -- 버튼 -- */ .btn01 {display:inline-block;text-align:center;background:#fe8a01;color:#fff;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*오렌지*/ .btn02 {display:inline-block;text-align:center;background:#00a4cf;color:#fff;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*파랑*/ .btn03 {display:inline-block;text-align:center;background:#ffea58;color:#000;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*노랑*/ .btn04 {display:inline-block;text-align:center;background:#007eb6;color:#fff;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 16pt} /*진한파랑*/ .btn05 {display:inline-block;text-align:center;background:#006faa;color:#ffea58 !important;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*진한파랑*/ .btn06 {display:inline-block;text-align:center;background:#989898;color:#fff;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*회색*/ .btn07 {display:inline-block;text-align:center;background:#fba43d;color:#fff;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*오렌지-라이트*/ .btn08 {display:inline-block;text-align:center;background:#bd8fcc;color:#fff;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*보라색*/ .btn09 {display:inline-block;text-align:center;background:#3c90c5;color:#fff;font-size:14.5pt;line-height:2.5em;border-radius:3pt;padding:0 12pt} /*톤다운 파랑*/ .title-btn {display:inline-block; margin-left:10px;} .title-btn a {font-size:14px; line-height:19pt; font-weight:400; padding:0 10px; margin-left:2px; vertical-align:top;} /*타이틀 옆 버튼*/ .btn_txt{font-size:14.5pt;line-height:2.5em;color:#000;} .btn_txt img{vertical-align:middle;margin-left:2%} .btn01:hover, .btn02:hover, .btn04:hover, .btn06:hover, .btn09:hover {color:#fff;} .btn03:hover, .btn_txt:hover {color:#000;} .btn05:hover {color:#ffea58;} .btn-wrap {margin:20px 0;padding-left:4%} .btn-wrap a:active, .btn-wrap a:focus {outline:none;} .btn-wrap a {vertical-align:top; margin-left:2%;min-width:148px;text-align:center} .btn-wrap a:first-child {margin-left:0;} .btn-wrap a.disabled {background:#d8d8d8; color:#bfbfbf !important; opacity:0.7;} /*비활성버튼*/ .btn-wrap a.row02 {line-height:1.2em; padding-top:3pt; padding-bottom:3pt;} /*두 줄 이상 버튼*/ /* -- text align -- */ .al_l {text-align:left;} .al_r {text-align:right;} .center, .al_c {text-align:center;} img {max-width:100%;vertical-align:bottom;} input:focus {outline:0; border:1px solid #04A4CC;} .inline { display:inline; } .uppercase { text-transform:uppercase; } .transition-1s a:hover { /* Firefox */ -moz-transition: all 0.5s ease-in; /* WebKit */ -webkit-transition: all 0.5s ease-in; /* Opera */ -o-transition: all 0.5s ease-in; /* Standard */ transition: all 0.5s ease-in; } /* jquery - datepicker */ .ui-widget {font-size:16px;} /*------------------------------------*\ MODULE \*------------------------------------*/ /* -- 리스트 -- */ .li-dot li, .li-dash li {position:relative; padding-left:10px; list-style:none;} .li-dot li:before {content:''; position:absolute; top:11px; left:0; display:block; width:3px; height:3px; background:#666; border-radius:50%} .li-dash li:before {content:''; position:absolute; top:13px; left:0; display:block; width:5px; height:2px; background:#888;} li.li-none:before {display:none;} /* -- 테이블 -- */ table {width:100%; border-collapse:collapse; table-layout:fixed;} th, td {word-wrap:break-word; word-break:keep-all;} /* 1. 가로형 테이블 */ .tbl-wide {font-size:16px; text-align:center; border-top:2px solid #58bedf; border-bottom:3px solid #d7d7d7;} .tbl-wide th, .tbl-wide td {padding:12px; border-top:1px solid #f2f2f2;} .tbl-wide thead th {border-top:0;} .tbl-wide th {color:#000; font-weight:400; background:#f7f7f7;} .tbl-wide td {color:#666; font-weight:300;} /* 2. 세로형 테이블 */ .tbl-long {font-size:16px; text-align:center; border-top:1px solid #58bedf; border-bottom:1px solid #d7d7d7;} .tbl-long th, .tbl-long td {padding:10px; border-top:1px solid #f2f2f2;} .tbl-long tr:first-child {border-left:0;} .tbl-long tr:first-child th, .tbl-long tr:first-child td {border-top:0;} .tbl-long th {color:#000; font-weight:400; background:#f7f7f7;} .tbl-long td {color:#666; font-weight:300;} /* 보더 굻기 */ .bb-bold {border-bottom:1px solid #d7d7d7;} .bt-bold {border-top-width:2px} /* 테이블 좌우 그림자 */ .tbl-shadow {overflow:hidden; position:relative;} .tbl-shadow:before, .tbl-shadow:after {opacity:0; content:''; position:absolute; top:0; display:block; width:20px; height:100%; border-radius:50%; box-shadow:0 0 30px rgba(113, 113, 113, 0.78); z-index:1; transition:all 0.3s;} .tbl-shadow:before {left:-20px} .tbl-shadow:after {right:-20px} .tbl-shadow.active:after {opacity:1;} /* 오른쪽 보임 */ .tbl-shadow.active.scrolling:before, .tbl-shadow.active.scrolling:after {opacity:1;} /* 스크롤 중 다 보임 */ .tbl-shadow.active.scrolling.right-end:after {opacity:0;} /* 오른쪽 끝 */ .tbl-shadow.active.scrolling.left-end:before {opacity:0;} /* 왼쪽 끝 */ /* -- 레이어팝업 - 메인 체험단 이벤트 -- */ .layer-pop {display:none; position:relative; z-index:500;} .layer-pop:before {content:''; position:fixed; top:0; left:0; bottom:0; display:none; width:100%; background:rgba(0,0,0,0.5);} .layer-content {position:absolute; top:100px; left:5%; -webkit-filter:drop-shadow(3px 3px 13px rgba(0,0,0,0.5)); filter:drop-shadow(3px 3px 13px rgba(0,0,0,0.5));} .layer-body {position:relative;} .layer-body .event-btn {position:absolute; top:60%; left:30%; width:39%; height:7%; font-size:0; line-height:0; } .today_close {background:rgb(43 43 43 / 80%);padding:4px 20px;font-size:16px;text-align:right;letter-spacing:-1px;color:#eceaea; transform:translateY(-100%); border-radius:0 0 20px 20px;} .today_close a {color:#eceaea; font-weight:300; text-decoration:none;} .today_close input[type="checkbox"] {margin-left:5px;vertical-align: middle;} .today_close label, .today_close input {cursor:pointer;} .today_close label {font-weight:300;} .today_close input[type="checkbox"] {display:inline-block;} .today_close .devider {display:inline-block; margin:0 8px; vertical-align:top;} /* 스카티고 크리스마스 이벤트 */ #event202212 .layer-content {width:529px;} #event202212 .layer-content .event-btn {top:auto; bottom:4%; left:0; right:0; width:100%; height:auto;} /* 베스트 리뷰 이벤트 */ #eventReview .layer-body .event-btn {top:90%; left:34%; width:32%; height:6%} /* 5월 이벤트 */ /*#eventMay .layer-body .event-btn {top:87%; left:37%; width:25%; height:5%}*/ #eventMay .layer-body .event-btn {top:89%; left:33%; width:34%; height:7%;} #eventMay .today_close {background:#777} /*------------------------------------*\ MAIN \*------------------------------------*/ /* DISPLAY CATEGORIE */ /* SCOTTIEGO! */ /* .home, .edu { display:none; } */ /* ---> header.php */ /*------------------------------------*\ WP-LOGIN \*------------------------------------*/ body.login {background: url('../img/background.jpg') 50% 50%;} .login h1 a {background-image: url('../img/logo.svg');background-size: 350px 66px;width: 350px;height: 66px;margin:20px auto;} .login h1 a:hover {background-size: 320px 60px;width: 320px;height: 60px;margin:23px auto;} #login { width: 450px; } .login form, .login .message { border-radius: 15px; background:none; border: #fff dotted 5px; padding: 40px 40px 46px; } .login #backtoblog a, .login #nav a, #login .message, .login .label, .login label {color: #fff; font-weight:bold;} .login .message { font-size: 18px; text-align:center; } .login label { font-size: 18px; } .login label input { font-weight: normal; } .wp-core-ui .button-primary { background-color:#58bedf; text-shadow:none; } .wp-core-ui .button-primary:hover { background-color:#f6f00c; color:#525252; } /*------------------------------------*\ WP-ADMIN-BAR \*------------------------------------*/ #wpadminbar {position: absolute;} #wp-responsive-overlay {position: fixed; top: 0;} /*------------------------------------*\ COOKIE BAR \*------------------------------------*/ #rodo { display:none;width: 100%; min-height:100px; background-color: white; position: fixed; bottom: 0px; border-top: solid #000 2px;} .accept { background: #000; color: #fff; padding: 10px; border-radius: 8px;} .accept:hover { background:#006eaa; color:#fff; } /*------------------------------------*\ BODY \*------------------------------------*/ html { background-color:#00a4cf; } html:has(> body.home) { background-color:#58bedf; } body { background-color:#00a4cf; } .home {display:block !important;} /*------------------------------------*\ HEADER \*------------------------------------*/ .header {position:fixed; display:inline; width:100%; height:74px; left:0px; top:0px; background-color:#7ddced;} .header .nav-mobile { color:#fff; } /* title */ .title-up { margin:100px auto 24px; width:1280px;} .title-icon { position:relative; top:35px; } .title-up i { padding:7px; border-radius:18px; width:36px; height:36px; background-color:#4d7de1; text-align:center; } .title-up h4 { text-transform:uppercase; } .title-sub {font-size:28pt !important;} #faq .title-up h4, #faq .title-up h10 { color:#000; } /* logo */ .logo { float:left; width:244px; } .logo a{display:inline-block} .logo-img, .mob-standard-logo { height:34px; margin: 20px 40px 20px 40px; } a:hover .logo-img, a:hover .mob-standard-logo { height:30px; margin: 22px 40px 22px 40px; } /*------------------------------------*\ NAV \*------------------------------------*/ .header .nav {position:absolute;margin-right:0px;right: 20px;display:inline; /* -width:810px; */max-width:1036px;float:right;} .nav ul { float: left; padding:0; margin:0; } .nav li { list-style:none; display:inline; padding: 0 3px; float: left; position: relative; } .nav li a {color:#fff;font-weight: 500;padding: 23px 1.1em;text-transform: uppercase;font-size: 18px;} .nav-mobile li a { color:#006eaa; } input[type="checkbox"] { display:none; } .zgadzam input[type="checkbox"] { display:unset; } .menu-item-has-children:before {display:none; content:''; position:fixed; top:74px; left:0; width:100%; height:41px; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.3)} .menu-item-has-children.on:before {display:block} /* MENU. LINIA-UP - ACTIVE AND HOVER */ .menu-up li:hover > a, .menu-up li.current-menu-item, .menu-up > li:hover a, .menu-up > .current-menu-item a, .menu-up .current-menu-parent {box-shadow: inset 0 4px 0 0 #006eaa;} .sub-menu li:hover > a { box-shadow:none; } .nav ul a {display: block; text-decoration:none;} /*--- PRODUKTY ---*/ .nav.nav-mobile.moveleft { box-shadow: 0px 0px 20px #49a4c1; } .nav-mobile { font-family:'Noto Sans KR', sans-serif; font-weight:500; } .nav .subnavigation-link > a {padding: 8px 10px; margin-top:20px; border-radius: 6px; cursor: pointer;} .nav .subnavigation-link.border > a {border: 1px solid #fff; margin-top:18px;} .nav-mobile:hover { color:red; } .nav .subnavigation-link.border:hover > a {background-color:#006eaa !important;} .nav-mobile .subnavigation-link.border:hover > a {background-color:#00a4cf !important;} .nav .subnavigation-link:hover > a {background-color:transparent !important; box-shadow:none; color:#fff;} .nav-mobile .subnavigation-link:hover > a {background-color:#00a4cf !important;color:#fff;} /* B2B 대량구매 nav */ .header-b2b {position:relative; width:1280px; margin:0 auto} .header-b2b .logo { float:left; width:204px; } .header-b2b .logo a {display:block;} .header-b2b .logo-img { height:34px; margin: 20px 40px 20px 0; } .header-b2b a:hover .logo-img { height:30px; margin: 22px 40px 22px 0; } .header .header-b2b .nav {right:0; padding-right:119px;} .header-b2b .nav li {padding:0;} .header-b2b .nav li a {width:134px; padding:23px 0; text-align:center;} /* 로그아웃 */ .logout {position:absolute; top:0; right:0; display:none; width:80px; color:#fff; font-size:12px; line-height:1; font-weight:300; text-align:center; padding:10px 0 10px 20px; border-radius:0 0 5px 5px; background:#00a4cf url('../img/ico-logout.svg') no-repeat 7px 8px; background-size:12px auto;} .logout:focus {outline:none} .nav-mobile .logout {top:auto; bottom:10%; width:250px; color:#00a4cf; font-size:15px; font-weight:400; padding:20px 0 15px 110px; text-align:left; border-top:1px solid #c2dfe6; background:transparent url('../img/ico-logout-blue.svg') no-repeat 84px 18px; background-size:17px auto;} /* 서브메뉴 */ .nav ul li:hover ul {right:0;} .sub-menu {position:absolute; right:-9999px; width:134px; padding-top:1px !important; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.2)} .header-b2b .nav .sub-menu li a {color:#525252; padding:7px 16px; text-align:left;} .header-b2b .nav .sub-menu li a:hover {color:#007eb6; } .header-b2b .nav .sub-menu .current-menu-item {box-shadow:none;} .header-b2b .nav .sub-menu .current-menu-item a { color:#007eb6;} /*--- FLAGS ---*/ .language-chooser li a { padding: 26px 1px; } .flags-home .language-chooser { padding-left:0px; } .flags-home .language-chooser li { display:inline; padding-left:5px; text-decoration:none; } .flags-home .language-chooser li * {font-weight:500; width:100px; padding:28pt 6pt; color:#fff; font-size:12pt; line-height:14pt; letter-spacing:1.2pt; text-transform:uppercase;} .menu-up .qtranxs-lang-menu img { width:15pt; } .menu .qtranxs-lang-menu img { width:15pt; } .nav-mobile .menu .qtranxs-lang-menu img { width:26px; margin-right:20px; margin-bottom:2px; } .nav-mobile .menu .qtranxs-lang-menu img::before { content:'Hola'; } .flags-home a[class^="qtranxs_flag_"] { background-size:35pt; background-position-x:22pt; } .idiomas { display:none; } .nav-mobile .idiomas { display:inline; } .nav-mobile .flags-up a { text-align:left; } .nav-mobile .flags-up a, .nav-mobile .flags-up .sub-menu a { padding-left:70px; } .nav-mobile .flags-up .sub-menu { background-image:none; } /*--- EXTRA ---*/ .teaching-aids .extra { text-align:center; } .teaching-aids .module-box-content { padding:0; } #teaching-aids-login, #teaching-aids-registration, .teaching-aids .module-box-content { background-color:transparent;} #teaching-aids-login, #teaching-aids-registration { display: none; } #teaching-aids-login:target, #teaching-aids-registration:target { display: block; } .aids { text-align:left; margin:0 50px; } .extra .extra-submit { text-transform:uppercase; font-size:16px; padding:10px; margin:30px 15% 44px; width:70%; } .teaching-aids input { width:98%; margin:10px auto; } .uno-dedos, .uno-detres, .dos-detres { display:inline-block; } .dos-dedos, .tres-detres { width:100%; } .uno-dedos { width:50%; } .uno-detres { width:32%; } .dos-detres { width:66%; } .extra-error {color:#f6f00c; padding-bottom:66px;} /*------------------------------------*\ FOOTER \*------------------------------------*/ .footer { background-color:#00a4cf; text-align:center;width:100% } .footer .footer_con:after{content:"";clear:both;display:block;} .footer .footer_con{width:1280px; padding:20px 0;margin:0 auto;position:relative} .footer .footer_con >div p, .footer .footer_con >div span{font-size:13px !important;line-height:18px !important;font-weight:200;} .footer .footer_con >div span {display:inline-block;margin-left:30px;text-align:left;} .footer .footer_con >div span:first-child{margin-left:0} .footer-left{margin-right:80px;margin-top:5px;float:left} .footer-left img {width:130px;} .footer-center{text-align:left;position:relative;float:left} .footer-center a {display:inline-block; color:#fff; font-weight:500; margin-left:30px;} .footer-right{position:relative;float:right} .link-zolty :hover { color:#f6f00c; } .social-links a {color:#fff;display:inline-block;vertical-align:middle;margin-left:10px;} .social-links a:first-child {margin-left:0;} .social-links a:hover { color:#f6f00c; } .social-links a.cafe img, .social-links a.facebook img {width:31px;} /*FOOTER SUB*/ #footerWrap {width:100%; min-width:1000px;height:127px;position:relative;bottom:0px;background: #f3f3f8;} #footer {width:100%; min-width:1000px; width:1000px;margin:0 auto;position:relative;} .util_footer {position:absolute;top:12px;} .util_footer li {margin-right:27px;float:left;} .util_footer li a {font-size:12px;color:#717171;} .sns {position:absolute;right:140px;top:13px;} .sns li {margin-right:2px;float:left;} .address {position:absolute;top:14px;color:#888888;font-size:11px;} .address h2 {width:116px;height:45px;float:left;} .addInfo {float:left;margin-left:30px;line-height:18px;} .addInfo p span {display:inline-block;margin-right:25px;} .addinfo2 span {margin-right: 41px;} .family {position:absolute;right:0px;top:13px;} .btn_family {cursor:pointer;} .family_sub {display:none;z-index:100;width:680px;height:204px;background:#f9f9f9;position:absolute;top:-204px;right:0px;color:#00a4cf;border:1px solid #bae6f2;font-size:11px;line-height:16px;} .family_sub .btn_footer {position:absolute;right:10px;top:5px;} .family_sub>ul li{list-style:none;font-size:1.05em;} .family_sub>ul>li {width:130px;float:left;border-left:1px solid #bae6f2;height:204px;} .family_sub>ul>li>span {border-bottom:1px solid #bae6f2;display:inline-block;width:100%;padding:7px 0px 7px 0px;} .family_sub>ul>li>span em {padding-left:13px;font-style: normal;font-weight:normal} .family_sub>ul>li:first-child {width:147px;border-left:0} .family_sub ul li.third {width:120px;} .family_sub ul li.fourth {width:145px;} .family_sub ul li.last {width:136px;} .family_sub>ul>li a {color:#00a4cf;} .family_sub>ul>li>ul>li {padding:2px 10px 2px 13px; text-align:left;} .family_sub>ul>li>ul>li:first-child {padding-top:5px;} .family_sub>ul>li>ul>li a:hover {text-decoration:underline;color:#00a4cf} .family_sub li.__new a {position:relative;} .family_sub li.__new a::after {content:'N'; font-size: 10px; width: 16px; text-align: center; line-height: 16px; color:#fff; background: #ed7f44; font-weight:bold; border-radius: 50%; position: absolute; top:50%; margin-left: 4px; transform:translateY(-50%);} /*------------------------------------*\ MOBILE MENU \*------------------------------------*/ main {overflow:hidden;} .top-bar {background-color:#7ddced; width:100%; height:74px; position:fixed; top:0px;} .moveleft { -moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in; } .label-mobile.close { z-index:100; } .nav-mobile{position:fixed; top:0; right:-250px; width:250px; margin:0 0 0 -250px; height:100vh; background-color:#fff;} .nav-mobile ul[id^="menu-scottiego"], .nav-mobile ul[id^="menu-b2b"] { padding:108px 0px; } .nav-mobile ul{width:250px; margin:0; padding:0px; list-style:none; overflow:hidden;} .nav-mobile .flags-up ul { border:none; } .nav-mobile li{margin:0; padding:0px; display:block;} .nav-mobile li a {font-size:20px; padding: 8px 20px !important; text-align:center; } .nav-mobile li a:hover { background-color:#00a4cf; color:#fff; } .nav-mobile .sub-menu { border:none; box-shadow:none;} .nav-mobile .sub-menu li { height: 43px; } .nav-mobile .sub-menu li a {position:relative; color:#7ddced; font-size:17px; padding-left:90px !important; text-align:left; } .nav-mobile .sub-menu li a:before {content:''; position:absolute; left:80px; top:50%; display:block; width:4px; height:4px; margin-top:-2px; background:#7ddced; border-radius:2px; } .nav-mobile .sub-menu li a:hover, .nav-mobile .sub-menu li.current-menu-item a {color:#fe8a01; background:#fff;} .nav-mobile .sub-menu li a:hover:before, .nav-mobile .sub-menu li.current-menu-item a:before {background:#fe8a01} .nav-mobile .current-menu-item > a, .nav-mobile .current-menu-parent a { background-color:#00a4cf; color:#fff; } .nav-mobile .current-menu-parent a { background-color:#00a4cf; color:#fff; } .nav-mobile .current-menu-parent .sub-menu li a {background:#fff;} .nav-mobile .subnavigation-link { text-align:center; } .nav-mobile .menu li { margin:0px; } .nav-mobile .qtranxs-lang-menu { background-color:#58bedf; } .nav-mobile .qtranxs-lang-menu-item .sub-menu a { background-color:#fff !important; } .mobile li.menu-item, .nav-mobile .sub-menu {display:block; position:relative; right:0} .nav-mobile li.menu-item { width:100%; } .nav-mobile .subnavigation-link > a, .nav-mobile .subnavigation-link.border > a { text-align:center; margin-top:0px; } .nav-mobile .subnavigation-link > a { border-radius:unset; } .nav.mobile .subnavigation-link.border > a { border:none; } .nav-mobile .subnavigation-link.border > a { border:none; } .label-mobile{display:block; width:36px; height:36px; position:fixed; top:19px; right:3.21%; z-index:500;} .label-mobile:hover { cursor:pointer; } .label-mobile img {width:100%;} input[type="radio"] {width:20px !important; margin:0 10px;} input[type="checkbox"]:checked ~ .nav-mobile, input[type="checkbox"]:checked ~ .top-bar {margin-right:250px;} input[type="checkbox"]:checked ~ .label-mobile {right:160px; display:none;} input[type="checkbox"]:checked ~ .label-mobile.barras {display:none;} input[type="checkbox"]:checked ~ section.moveleft { -webkit-transform:translate3d(-250px, 0, 0); -moz-transform:translate3d(-250px, 0, 0); -o-transform:translate3d(-250px, 0, 0); transform:translate3d(-250px, 0, 0); } #navigation{display:none;width:0} /*------------------------------------*\ PAGES - POSTS \*------------------------------------*/ .wrapper { background-color: #58bedf;} #faq.wrapper { background-color: #fff; } .themify_builder li { margin-left:14px !important; margin-right:14px !important; } /*--- 공통 ---*/ .themify_builder_row { text-align:center; } .themify_builder .themify_builder_row.fullheight .row_inner_wrapper, .themify_builder .module_row.fullheight .row_inner_wrapper, .extra { width:1280px; margin:auto;} .mobmenu-push-wrap { padding-top:0px !important; } /*--- NEW HOME ---*/ body.home { background-color:#58bedf; } .night {background-color:#3da4ce; width:50%; height:100%; float:right;} .tlo {top:0px; min-height:800px;} .niebo { margin-top:-23vh; } .functions { top:0px; } .gotitle {width:780px; margin:22vh auto 0px;} .gotitle div { float:left; } .glowa {width:30vw; max-width:150px; height:auto; margin:0px auto 0px;} .gohome, .goedu {height:46px; min-width:220px; margin-top:80px; text-align:center;} .gohome { margin-right:66px; margin-left:30px; } .goedu { margin-left:66px; } .bialy.a:hover h9 { font-weight:700;} .enterbox { margin:0px auto; } .flags-home { text-align:center; padding-bottom:66px; } .tree { bottom:0px; } .treediv { width:100%; margin-left:-10%; } .treeimg {width:120%; height:300px; height:-webkit-fill-available; background-image: url('../img/uploads/tree.png'); background-repeat: no-repeat; background-position-y: bottom; background-size:102%;} .bordersand { border-top:30px solid #d5d775; } /*--- HOME ---*/ .enterbox { width:440px; } .home .mob-menu-header-holder { display: none; } .home .mobmenu-push-wrap { padding-top: 0px; } .homeedu .module-buttons.outline a { border-width:4px; } .homeedu .module-buttons.outline a:hover {background: rgba(255, 255, 255, 0.5);} .boxborder { border:solid white 4px; padding:11px 14px 12px; } .boxborder.bgg { background-color:#3da4ce; } .boxborder:hover { background-color:rgba(255,255,255,0.2); } .boxborder.bgg:hover { background-color:#61b7d5; } .boxborder:hover h9 { color:white; font-weight:500; letter-spacing:0.5px; padding:0 2px; } .enter a { color:#fff; } .enter-head img { width:70% !important; } .enter-box img { width:65%; } /*--- PODSTRONA ---*/ .themify_builder li { margin: 0 0 1em 0; line-height:27px; } .top-icon.txt { top:-44px !important; margin-left:45px !important; width:240px !important; } .post { margin-bottom:0px !important; } .podstrona-title { width:480px; margin:auto; } .top-icon { top:-78px; } div.module-icon { position:absolute; } /*--- 상품개요 ---*/ .centrum { margin:auto; } .ogrze-img .img-wrape img { width:162px; height:162px; } ul { -webkit-padding-start:0px !important; } h3.image-title, .imagine-title h3 { font-size:16pt !important; line-height:19.2pt; font-weight:700; } h8 { line-height:19.2pt; font-weight:700; } h3.module-title { font-size:26pt !important; color:#fff; margin-top:0; margin-bottom:30px; -webkit-margin-before:0px; -webkit-margin-after:30px; text-align:center; } h4 {margin-bottom:17px; -webkit-margin-after:17px; } .module-text p { -webkit-margin-before:0px; -webkit-margin-after:0px; } .module-image .image-title { margin:0px !important; } .module-image.image-top .image-content { margin-top:30px !important; margin-bottom:11px !important; } .tiles { width:300px; } .tile-margin {margin-bottom:60px;} .ico-sco {width:108px; float:right; transform:translate(-15px, -8px);} .how-does-it-work .sub_row_inner_wrapper .image-wrap {width:100% !important;} .how-does-it-work .sub_row_inner_wrapper .image-wrap img {width:100% !important;} .o-txt-o { width:1280px; margin:0 auto; } .o-txt-o p, .o-txt-o h6, .o-txt-o ul { margin-left:172px; margin-right:172px; } .superimg img { margin-left:172px !important; margin-right:172px !important; width:680px; } .themify_builder .row_inner_wrapper, .themify_builder .themify_builder_sub_row { width:1280px !important; margin:auto;} .sub_row_inner_wrapper .col4-1 { width:25% !important; } .sub_row_inner_wrapper .col5-1 { width:20% !important; } .about-the-game .x2 .sub_row_inner_wrapper .col4-1 { width:50% !important; } .col3-1.sub_column { padding-top:0px !important; } .intro-video video {width:100%;} .about-the-game .ico-new {height:26px; transform:translatey(1px); margin-left:10px; } /*--- 사용하기 ---*/ .play-guide h6 {color:#f6f00c; margin-bottom:20px; font-size:17pt; line-height:20pt;} .play-step h5 {color:#fff; line-height:26pt; margin-bottom:20px; text-align:center; letter-spacing:-0.5px;} .wymagania h1 { margin-bottom:33px; margin-top:0px; } .wymagania h3 { margin-bottom:30px; margin-top:30px; -webkit-margin-before:30px; } .wymagania h7 { margin-bottom:20px; line-height:40pt; } .system-req h6 {margin-bottom: 10px; margin-top: 15px;} .themify_builder .play-guide li {margin-left:24px !important;} .themify_builder .play-guide .play-step.o-txt-o p, .play-step.o-txt-o h6, .play-step.o-txt-o ul { margin-left:220px; margin-right:220px; } iframe { border:none; } .sub-top-banner {background-color:#fff;} .sub-top-banner .fullcover {min-height:300px;} .themify_builder .themify_builder_sub_row.sub-top-banner {margin-bottom:20px;} .sub-top-banner h4 {color:#000; font-size:25pt; line-height:30pt; text-align:center;} .sub-top-banner h6 {color:#525252; text-align:center;} .play-guide video {width:100%;} .sub_column_post_6.sub_column_0-0-8-0.sub_column {padding-bottom : 0 !important;} .manual-download {position:absolute !important; left:25px; bottom:30px;} .manual-download a {color:#fff; line-height:1.4em; padding:10pt 16pt; margin-left:25px} .manual-download a:hover {color:#fff} /*--- DOWNLOAD ---*/ .content-pobierz a:hover, .content-pobierz a:active { box-shadow:none; } .pobierz { height:400px; } .pobierz:hover { cursor:pointer; background-color:#7ddced; } .pobierz img { max-width:300px; max-height:150px; } .content-pobierz .x2 { width:640px; } .download .cuerpo img {width:70%;} /*--- 문의하기 ---*/ .contact-wrap {overflow:hidden; font-size:12pt; padding:40px; margin-bottom:120px; background:#00a4cf} .contact-wrap label, .contact-wrap input, .contact-wrap select, .contact-wrap textarea { font-size:12pt; color:#323232; border:0; border-radius:8px;} .contact-wrap label {color:#fff;} .contact-wrap label:after {content:'*'; position:absolute; color:#f6f00c; margin-top:3px; margin-left:2px;} .contact-wrap input {float:left;height:44px; line-height:44px; padding:5px; margin-bottom:20px;} .contact-wrap select {float:left;height:44px; padding-left:5px; background-color:#fff;} .contact-wrap textarea {width:100%; height:100px; padding:10px; margin-bottom:20px; resize:none;} .contact-left {float:left; width:45%; text-align:center;} .contact-right {float:left; width:55%;} .contact-left .image-wrap {display:inline-block;} .contact-left .image-wrap img {width:180px;} .contact-left .contact-info {padding:34px 0;} .contact-left .contact-info p {font-size:18pt; line-height:25pt !important;} .contact-left .contact-info p + p {font-size:27pt; line-height:32pt !important; margin-top:19px} .contact-right > div {overflow:hidden; position:relative; padding-left:100px;} .contact-right label {position:absolute; left:0; display:block; width:100px; height:44px; line-height:44px;} .contact-right .contact-name input {float:left; width:270px;} .contact-right .contact-name select {float:left; width:125px; color:#fff; margin-bottom:20px; margin-left:20px; background-color:#007eb6; } .contact-right .contact-email input {width:125px;} .contact-right .contact-email input ~ input {width:125px; margin-left:20px;} .contact-right .contact-email select {width:125px;} .contact-right .contact-email span {float:left; display:block; width:20px; line-height:44px; text-align:center;} .contact-right .contact-phone input {float:left; margin-left:20px; width:125px;} .contact-right .contact-phone select {float:left; width:125px;} .address-find input {width:91px;} .address-find .address-detail {overflow:hidden; clear:both;} .address-find .address-detail input {float:left; width:270px;} .address-find .address-detail input + input {width:270px; margin-left:20px;} .address-find a {font-size:12pt; line-height:44px; margin-left:16px;} .contact-title input {width:100%;} .keycode {display:none; overflow:hidden; position:relative; clear:both;padding-left:100px;} .keycode label {position:absolute; left:0; width:100px; font-size:12pt; line-height:44px; color:#ffdd8e;} .keycode-input {overflow:hidden;} .keycode-input input {float:left; width:88px; margin-left:20px;} .keycode-input input:first-child {margin-left:0; width:91px;} .agree-box {padding-left:100px;} .agree-box p {font-size:12pt; line-height:44px !important;} .agree-box .agree-content {padding:10px; background:#fff; border-radius:8px;} .agree-box .agree-content .agree-in {overflow-y:auto; height:70px; font-size:10pt; line-height:15pt !important; color:#666; padding-right:17px; } .agree-box .agree-content p, .agree-box .agree-content ol, .agree-box .agree-content li, .agree-box .agree-content dl, .agree-box .agree-content dt .agree-box .agree-content dd {font-size:10pt; line-height:15pt !important; color:#666;} .agree-box .agree-content ol {margin-top:1em;} .agree-box .agree-content ol li {list-style-type:none;} .agree-box .agree-content dt {margin-left:-14px;} .agree-box .agree-content dd {position:relative; padding-left:10px;} .agree-box .agree-content dd:before {content:'-'; position:absolute; left:0; display:block; width:10px;} .agree-box .agree-content dd.paragraph {padding-left:0; margin-bottom:1em;} .agree-box .agree-content dd.num {padding-left:16px;} .agree-box .agree-content dd.num:before {display:none;} .agree-box .agree-content dd.num span {position:absolute; left:0;} .agree-box .agree-content .marketing dt {margin-left:0; margin-bottom:1em;} .agree-box .agree-content .marketing dd {color:#007eb6;} .agree-box p.agree-info {font-size:10pt; line-height:13pt !important; margin-top:5px;} .contact-wrap .agree-box .btn-wrap {padding:0; margin:5px 0 20px;} .contact-wrap .agree-box .btn-wrap input {display:none;} .contact-wrap .agree-box .btn-wrap label {position:relative; display:inline-block; width:auto; height:30px; line-height:30px; padding-left:26px; background:url('../img/btn-radio.png') no-repeat left 3px; background-size:22px auto; cursor:pointer;} .contact-wrap .agree-box .btn-wrap label ~ label {margin-left:30px;} .contact-wrap .agree-box .btn-wrap label:after {display:none;} .contact-wrap .agree-box .btn-wrap input:checked + label {background-image:url('../img/btn-radio-checked.png');} .contact-wrap .btn-wrap {clear:both; text-align:right; padding-top:20px;} /* 문의하기 input 사이즈 줄이기 */ .contact-wrap input {height:40px; line-height:40px;} .contact-wrap select {height:40px;} .contact-right label {height:40px; line-height:40px;} .contact-right .contact-email span {line-height:40px;} .keycode label {line-height:40px;} .address-find a {line-height:40px;} .agree-box p {line-height:40px !important;} /*--- FAQ ---*/ body .faq:last-child {margin-bottom:100px;} .faq h6 {color:#3c90c5} .faq .themify_builder h5, .faq .themify_builder h7, .faq .themify_builder p { margin-bottom:33px; } .faq .themify_builder p {position:relative; padding-left:20px; color:#868686;} .faq p:last-child { margin-bottom:0px; } .faq p.faq-strong {font-weight:700; margin-bottom:10px; color:#525252;} .faq p.faq-strong:before {content:'Q'; position:absolute; top:-2px; left:0; color:#4ec3c8;} .faq h6 { margin-top:0px; margin-bottom:30px; } .faq .akapit h6 { text-align:left; } .faq h5, .faq h7, .faq h6 a { color:#525252; } .faq h6 a:hover { color:#b4b4b4; } .faq h7 a { color:#58bedf; } .faq h7 a:hover { color:#006eaa; } .faq .module-icon-item { color:#525252; } .faq .row_inner_wrapper { width:50% !important; padding-top:100px; margin-top:0; margin-bottom:0;} .top-faq .row_inner_wrapper { padding-top:30px; } .niente .row_inner_wrapper { padding-top:0px; } .dosklepu a:hover img { height:100%; width:94%; margin:1% 0px; } /*--- 구매하기 ---*/ .buy { width:100%; height:250px; } .buy:hover { cursor:pointer; background-color:#7ddced; } .buy img { max-width:200px; max-height:150px; } .bgbialy a.btn01 {color:#fff;} .buy-left {text-align:right;} .buy-right h4 {width:60%; font-size:38px; line-height:52px; padding-left:20px; margin-bottom:0;} .buy-right .btn-wrap {width:66%; padding-left:0;} .buy-right .btn02 {color:#fff;} /*--- 구매하기 ---*/ #buy h4 {color:#fff;} .buy-wrap {font-size:12pt; margin-bottom:120px; overflow:hidden; color:#000; padding:40px; background:#fff;} .buy-wrap img {width:70%;} .buy-wrap .tbl-wide td {text-align:center;} .buy-wrap li {list-style:none;} .buy-wrap h4 {clear:both; color:#58bedf; font-size:28px; font-weight:700; margin-bottom:10px; } .buy-wrap h5 {clear:both; color:#000; font-size:24px; font-weight:700; margin-bottom:10px;} .buy-wrap h6 {clear:both; color:#58bedf; font-size:18px; font-weight:700; margin-bottom:10px;} .buy-step {float:right; width:40%; text-align:center; padding:25px 15px;} .buy-step span {position:relative; display:inline-block; width:60px; color:#58bedf; font-size:13px; line-height:18pt; font-weight:300; text-align:center; padding:17px 0; margin-left:60px; border:1px solid #58bedf; border-radius:50%;} .buy-step span:before {content:''; position:absolute; top:0; left:-60px; display:block; width:60px; height:60px; background:url('../img/img-buy-step.png') no-repeat center;} .buy-step span:first-child {padding-left:0; margin-left:0;} .buy-step span:first-child:before {display:none;} .buy-step span.on {color:#fff; background:#58bedf; font-weight:400;} .buy-tip {color:#006eaa; font-size:16px; line-height:22px !important; margin-top:17px; padding-left:18px; word-wrap:break-word; word-break:keep-all;} .buy-tip span {margin-left:-18px; margin-right:2px;} .buy-tip i {font-style:normal; display:inline-block;} /*--- 구매하기, 다운로드 - purchase - 2019.11.07 ---*/ .purchase .themify_builder .row_inner_wrapper, .purchase .themify_builder .themify_builder_sub_row, .app .themify_builder .row_inner_wrapper, .app .themify_builder .themify_builder_sub_row {width:1200px !important;} .purchase h4, .app h4 {clear:both; color:#fff !important; font-size:28px; font-weight:700; margin-bottom:10px; } .purchase h5, .app h5 {clear:both; width:450px; margin:0 auto; color:#00a4cf !important; font-size:32px; font-weight:700; margin-bottom:20px; line-height:30pt;} .purchase h6, .app h6 {clear:both; width:450px; margin:0 auto; color:#000 !important; font-size:22px; font-weight:700; margin-bottom:10px;} .purchase .sub_row_inner_wrapper>div, .app .sub_row_inner_wrapper>div {width:48% !important; margin-left:2% !important; } .purchase .sub_row_inner_wrapper>div:last-child, .app .sub_row_inner_wrapper>div:last-child {margin-left:0 !important; margin-right:2% !important;} .purchase .buy-slider, .purchase .image-wrap, .app .image-wrap { width:450px !important; overflow:hidden; margin:0 auto !important; float:none !important; text-align:center; margin-right:0; } .purchase .buy-slider img, .purchase .image-wrap img, .app .image-wrap img {width:100% !important; margin:0 auto;} .purchase .btn-wrap, .app .btn-wrap {padding-left:0; margin-top:45px; margin-bottom:0;} /*--- 1. 수량선택 ---*/ .buy-info {overflow:hidden; margin-bottom:20px;} .buy01 .btn, .buy01-labyrinth .btn {display:inline-block; background-color:#f0f0f0; color:#25add9; padding:4px 10px; border-radius:5px; font-size:14px; line-height:20px; position:absolute; left:107px; top:13px;} .buy01 .small_size_device, .buy01-labyrinth .small_size_device {display:none;} .buy01 .small_size_device .btn, .buy01-labyrinth .small_size_device .btn {left:10px;} .buy01 .buy-step, .buy01-labyrinth .buy-step {background:#f0f0f0;} /* 스카티고 미로대탐험 상세페이지는 이미지로 처리 - 19.12.05 */ .buy01-labyrinth .img_area img {width:auto; display:block; margin:0 auto;} .buy01-labyrinth .img_area img:last-child {display:none;} .buy01-labyrinth .more_btn_area {width:1000px; margin:20px auto; font-size:19px; border:2px solid #006EAA; text-align:center; } .buy01-labyrinth .more_btn_area a {display:block; padding:20px 0; color:#006EAA;} .buy01-labyrinth .more_btn_area a .more_text {margin-right:7px; } .buy01-labyrinth .more_btn_area a .more_shape_wrap {width:26px; display:inline-block; transform:rotate(180deg);} .buy01-labyrinth .more_btn_area a .more_shape {display:inline-block; width:13px; height:13px; vertical-align:middle; border-left:2px solid #006EAA; border-top:2px solid #006EAA; transform:rotate(45deg); } .hiding {transform:rotate(0deg) !important;} .buy-info-left {float:left; width:55%; text-align:center;} .buy-info-right {float:right; width:40%; padding:15px; background:#f0f0f0;} .buy-info-left .slick-list, .buy-info-left .slick-track {max-height:425px; overflow:hidden} .buy-slider img {width:100%;} .buy-slider ul {margin-top:37px; } .buy-slider li {display:inline-block; width:48px; height:45px; margin:0 9px !important; cursor:pointer; vertical-align:top;} .buy-slider li button {display:none;} .buy-slider li:first-child {background:url('../img/img-buy-dot-01.png') no-repeat center;} .buy-slider li:nth-child(2) {background:url('../img/img-buy-dot-02.png') no-repeat center;} .buy-slider li:nth-child(3) {background:url('../img/img-buy-dot-03.png') no-repeat center;} .buy-slider2 li:first-child {background:url('../img/img-buy-dot-01-3.png') no-repeat center;} .buy-slider2 li:nth-child(2) {background:url('../img/img-buy-dot-02-3.png') no-repeat center;} .buy-slider2 li:nth-child(3) {background:url('../img/img-buy-dot-03-3.png') no-repeat center;} .buy-wrap .buy-info-right h5 {margin-bottom:20px; padding-left:27px;} .buy-info-right ul {padding:5px 20px !important; background:#fff;} .buy-info-right ul li {position:relative; font-size:18px; height:54px; line-height:54px; text-align:right; padding-right:10px; border-top:1px solid #f2f2f2; margin:0 !important;} .buy-info-right ul li:first-child {border-top:0;} .buy-info-right ul li>span:first-child {position:absolute; left:10px;} .buy-info-right ul li .ori-price {display:inline-block;color:#999; position:relative; margin-right:15px; } .buy-info-right ul li .ori-price:after {content:''; width:100%; height:2px; background-color:#999; position:absolute; left:0; top:50%; transform:translatey(-50%);} .buy-info-right ul li input {width:50px; padding-right:5px; text-align:right; border:1px solid #f2f2f2; border-radius:0; -webkit-appearance:none;} .buy-info-right ul li.total-price b {font-size:28px; color:#f40c0c; margin-right:5px;} .buy-info-right .btn-wrap {padding-left:0; margin:20px 0 0;} .buy-info-right .btn-wrap a {width:100%;} .buy-info-right .input-number {float:right; margin-top:13px;} .buy-info-right .input-number span {position:relative; left:auto;} .input-number {overflow:hidden;} .input-number .number-arrow, .input-number input {float:left;} .input-number .number-arrow {display:block; width:30px; height:29px; line-height:29px; text-align:center; cursor:pointer; text-indent:-9999px; background:url('../img/btn-decrease.png') no-repeat center; background-color:#f0f0f0; background-size:15px auto;} .input-number .number-arrow ~ .number-arrow {background-image:url('../img/btn-increase.png');} .buy-bottom .btn-tab {display:inline-block; margin-bottom:30px; border-bottom:3px solid #d2d2d2;} .buy-bottom .btn-tab input[type='radio'] {display:none;} .buy-bottom .btn-tab input[type='radio'] + label {background:none;position:relative; display:inline-block; color:#000; font-size:22px; line-height:40px; padding:0 20px; cursor:pointer;} .buy-bottom .btn-tab input[type='radio']:checked + label {background:none;} .buy-bottom .btn-tab input[type='radio']:checked + label:after {content:''; position:absolute; bottom:-3px; left:0; display:block; width:100%; height:3px; background:#000} .buy-bottom .tab-info, .buy-bottom .tab-info p, .buy-bottom .tab-info dl {color:#666; font-size:13pt; line-height:19pt;} .buy-bottom .tab-info + .tab-info {display:none;} .buy-bottom .tab-info h6 {color:#000; font-size:18px; margin-bottom:20px;} .buy-bottom .tab-info p strong {color:#000; font-size:13pt;} .buy-bottom .tab-info dl {padding-left:18px;} .buy-bottom .tab-info dl dt {margin-left:-18px;} /*--- 2. 주문결제 ---*/ .buy02 .buy-wrap h6.black-normal {color:#000; font-size:16px; font-weight:400;} .buy02 .buy-wrap input, .buy02 .buy-wrap select, .buy02 .buy-wrap textarea {color:#666; font-weight:300; background:#f7f7f7; border:1px solid #d7d7d7;} .buy02 .buy-wrap input {height:40px; line-height:38px; padding-left:10px;} .buy02 .buy-wrap select {height:40px; padding-left:5px; padding-right:25px; background:#f7f7f7 url('../img/img-select-arrow.png') no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .buy02 .buy-wrap select::-ms-expand {display:none;} .buy02 .buy-wrap textarea {resize:none; padding:10px;} .buy01 .buy-info input[type='radio'], .buy01-labyrinth .buy-info input[type='radio'], .buy02 .buy-wrap input[type='checkbox'], .buy02 .buy-wrap input[type='radio'] {display:none;} .buy01 .buy-info input[type='radio'] + label, .buy01-labyrinth .buy-info input[type='radio'] + label, .buy02 .buy-wrap input[type='checkbox'] + label, .buy02 .buy-wrap input[type='radio'] + label {padding-left:30px; background:url('../img/btn-radio-02.png') no-repeat left center; cursor:pointer;} .buy01 .buy-info input[type='radio']:checked + label, .buy01-labyrinth .buy-info input[type='radio']:checked + label, .buy02 .buy-wrap input[type='checkbox']:checked + label, .buy02 .buy-wrap input[type='radio']:checked + label {background-image:url('../img/btn-radio-02-on.png');} .buy01 .buy-info input[type='radio']:checked + label, .buy01-labyrinth .buy-info input[type='radio']:checked + label {color:#006eaa;} .buy02 .buy-wrap input[type='radio'] + label ~ label {margin-left:40px;} .buy-wrap .buy-bottom .btn-tab input[type='radio'] + label ~ label {margin-left:0px;} .buy01 .buy-info input[type='radio'] + label ~ label, .buy01-labyrinth .buy-info input[type='radio'] + label ~ label {margin-left:20px;} .custom-btn input[type='radio'], .custom-btn input[type='checkbox'] {display:none;} .custom-btn input[type='radio'] + label, .custom-btn input[type='checkbox'] + label {padding-left:30px; background:url('../img/btn-radio-02.png') no-repeat left center; cursor:pointer;} .custom-btn input[type='radio']:checked + label, .custom-btn input[type='checkbox']:checked + label {background-image:url('../img/btn-radio-02-on.png');} .custom-btn input[type='radio'] + label ~ label, .custom-btn input[type='checkbox'] + label ~ label {margin-left:40px;} .buy02 .input-number {display:inline-block; vertical-align:top;} .buy02 .input-number .number-arrow {width:34px; height:40px;} .buy02 .buy-wrap .input-number input {width:50px; text-align:right; padding-left:0; padding-right:10px; background:#fff; border-radius:0; -webkit-appearance:none;} .buy02 p.order-check {font-size:16px; margin-bottom:10px;} .buy02 p.order-check input[type='checkbox'] + label {padding-left:0; padding-right:34px; background:url('../img/btn-check.png') no-repeat right center;} .buy02 p.order-check input[type='checkbox']:checked + label {background-image:url('../img/btn-check-on.png');} .buy-wrap .tbl {margin-bottom:40px;} .tbl-wide td.order-total {color:#000; text-align:right; padding-right:20px;} .tbl-wide td.order-total span {font-weight:400;} .tbl-long td {text-align:left; padding-left:40px;} .tbl-long .btn-wrap {padding-left:0;} .tbl-address .btn-address {float:left; display:block; width:87px; color:#fff; line-height:40px; text-align:center; margin-left:6px; background:#666; vertical-align:top;} .tbl-address div {float:left; width:100%; overflow:hidden; position:relative; padding-left:90px; margin-top:6px;} .tbl-address div.order-name {margin-top:0;} .tbl-address div input, .tbl-address div select {float:left; margin-left:6px} .tbl-address div label {display:block; width:90px; line-height:40px; position:absolute; left:0;} .tbl-address div input:first-child, .tbl-address div label + input, .tbl-address div label + select {margin-left:0;} .tbl-address div.order-name input {width:180px;} .tbl-address div.order-phone select, .tbl-address div.order-phone input {width:87px;} .tbl-address div.order-mail input {width:180px;} .tbl-address div.order-mail select {width:230px; margin-left:0;} .tbl-address div.order-mail select + input {width:206px;} .tbl-address div.order-mail span {display:block; float:left; width:30px; height:40px; line-height:40px; text-align:center;} .tbl-address div.order-address input {width:180px;} .tbl-address div.order-address .address-detail {padding-left:0;} .tbl-address div.order-address .address-detail input {width:415px;} .tbl-address div.order-address .address-detail input + input {width:295px;} .tbl-address div.order-request input {width:716px;} .buy02 .tbl-wide + h6 + .tbl {margin-bottom:0;} #paytbl-01 {border-top:0;} .buy02 .tbl-long th {width:15%;} .buy02 .tbl-long td {width:85%;} .buy02 .agree-content {padding:20px; background:#f7f7f7;} .buy02 .agree-content p, .buy02 .agree-content ol, .buy02 .agree-content li, .buy02 .agree-content dl, .buy02 .agree-content dt .buy02 .agree-content dd {font-size:13px !important; line-height:18px !important; color:#666; font-weight:300;} .buy02 .agree-content dt {margin-left:-14px;} .buy02 .agree-content .agree-in {height:95px; overflow:auto;} .buy02 .agree-check {margin:10px 0 40px; color:#666; font-size:13px; line-height:24px; font-weight:300;} .buy02 .agree-check label {display:inline-block; vertical-align:top;} .agree-tip {color:#666; font-size:13px; margin-top:5px;} .buy-wrap .btn-wrap {padding-left:0; text-align:center;} .buy02 .btn-wrap a, .buy03 .btn-wrap a {padding:0; width:31%;} .buy03 h5 {font-size:28px; color:#fe8a01; font-weight:500; text-align:center; line-height:34px !important; margin-bottom:30px; word-wrap:break-word; word-break:keep-all;} .buy03 .tbl-wide th:first-child {width:22%;} .buy03 .tbl-wide th:nth-child(4) {width:10%;} .buy03 .tbl-long th {width:27%;} /*--- 3. 주문내역 확인 ---*/ body.buy-confirm01 .themify_builder .row_inner_wrapper {width:550px !important;} .buy-login .buy-wrap {border-radius:8px; margin-bottom:20vh;} .buy-login .buy-wrap h5 {color:#000; margin-bottom:30px;} .buy-login .buy-wrap .input-div {overflow:hidden; margin-bottom:30px;} .buy-login .buy-wrap label {display:block; color:#00a4cf; font-size:18px; line-height:40px; font-weight:500;} .buy-login .buy-wrap input, .buy-login .buy-wrap select {float:left; width:30%; margin:5px 0; background:#f7f7f7; border:1px solid #d7d7d7; color:#666;} .buy-login .buy-wrap input {height:40px; line-height:38px; padding-left:10px;} .buy-login .buy-wrap select {height:40px; padding-left:5px; padding-right:40px; background:#f7f7f7 url('../img/img-select-arrow.png') no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .buy-login .buy-wrap select::-ms-expand {display:none;} .buy-login .buy-wrap select + input {float:right;} .buy-login .buy-wrap span {float:left; display:block; width:40px; color:#000; line-height:40px; text-align:center; margin:5px 0;} .buy-login .buy-wrap input#name {width:100%;} .buy-login .btn-wrap {margin-top:40px;} .buy-confirm h5 {color:#000; font-size:24px; font-weight:700; margin-bottom:10px;} .buy-confirm02 .tbl-wide th:nth-child(1), .buy-confirm02 .tbl-wide th:nth-child(3) {width:21%;} .buy-confirm02 .tbl-wide th:nth-child(4) {width:8%;} .buy-confirm02 .tbl-wide a {color:#fe8a01;} .order-step {border-top:1px solid #58bedf; border-bottom:1px solid #d7d7d7; padding-top:23px; margin-bottom:40px;} .order-step ol {overflow:hidden;} .order-step ol li {float:left; width:20%; text-align:center; margin:0 0 26px !important;} .order-step ol li img {margin-bottom:25px;} .order-step ol li p {font-size:16px;} .order-step ol li p + p {font-size:13px; line-height:22px !important; color:#666; font-weight:300; margin-top:10px;} /*--- 코딩선생님 ---*/ .coding-teacher h6 {color:#f6f00c; margin-bottom:20px; font-size:17pt;} .coding-teacher .gutter-none > .sub_row_inner_wrapper .col4-2.teacher-left {width:70%;} .coding-teacher .gutter-none > .sub_row_inner_wrapper .col4-2.teacher-right {width:30%;} .col4-2, .col4-2.first, .wspolpraca .col4-2.first, .contact .col4-2.first, .col4-2.last { margin-left:auto !important; margin-right:auto !important; } .wspolpraca .col4-2.first { width:512px !important; } .wspolpraca .module-text { text-align:left; } .collaboration .btn-wrap {padding-left:0;} .collaboration .btn01, .collaboration .btn04 {color:#fff !important;} /*--- PARTNERS ---*/ .partners h2, .partners h3, .partners h6 { color:#fff; } .partners h5, .partners h7, .partners p { margin-bottom:33px; } .partners p:last-child { margin-bottom:0px; } .partners h2 { margin-top:22px; margin-bottom:0px; } .partners h6 { margin-top:33px; margin-bottom:33px; } /*--- ERROR PAGE ---*/ .error { height:100vh; } body[class^="error"] .wrapper {background-image:url('../img/uploads/ups.png'); background-repeat:no-repeat; background-position:center; background-size:50%; background-color:#3c90c5;} body[class^="error"] .header, body[class^="error"] .footer { display:none; } .error a { color:#fff; } .error .boxborder { padding:5px 25px; } /*--- BANNER SUB BOTTOM ---*/ .sub-banner {background:#ddf7ff url('../img/uploads/main_bg0201-1.png') no-repeat center bottom; } .sub-banner .module-image {/*text-align:left;*/} .sub-banner .sub-banner-left {margin-left:0 !important; margin-right:0 !important;} .sub-banner .sub-banner-left .image-wrap {/*margin-left:80px; text-align:right;*/} .sub-banner .sub-banner-left .image-wrap img {/*width:86%*/} .sub-banner h4 {width:53%; text-align:center;margin-left:20px; color:#000; font-size:38px; line-height:1.4em; margin-bottom:0;} .sub-banner .banner-text {/*text-align:left; margin-left:0 !important; margin-right:0 !important;*/} .sub-banner .banner-text .btn-wrap {/*text-align:left; margin-top:38px; margin-bottom:0; padding-left:50px;*/} /* 하단 공통 - 2019.11.08 */ .sub-banner {width:100%;padding-top:30px; padding-bottom:170px; } .sub-banner .video_area{cursor:default;} .sub-banner .video_area.img_con img {width:340px;} /*.sub-banner .context_area {width:480px; padding-left:0px; display:block; float:left; }*/ .sub_row_inner_wrapper {overflow:hidden;} /*.sub_row_inner_wrapper>div {width:50%;float:left;}*/ .sub_row_inner_wrapper>div .context_area {width:460px; display:block; padding-left:0px; margin-left:0px;} .sub_row_inner_wrapper>div:last-child .context_area {margin-left:30px !important; margin-right:0 !important;} .sub-banner .context_area h3 {margin:0 auto; font-size:28px; color:#000;} .sub-banner .section_tit, .section05 .btn-wrap {width:89%; text-align:center;} .sub-banner .btn-wrap { padding-left:0; margin:20px auto 0; } /*--- 개인정보취급방침 & 이용약관 ---*/ #privacy.wrapper, #privacy-old.wrapper, #terms.wrapper, #terms-old.wrapper, #order-privacy.wrapper, #order-terms.wrapper {background:#fff;} #privacy .title-up h4, #terms .title-up h4 {color:#000;} .privacy-wrap {overflow:hidden; font-size:12pt; padding:40px; margin-bottom:120px; color:#868686;} .privacy-wrap h5 {font-size:18pt; font-weight:700; margin-bottom:30px;} .privacy-wrap h6 {font-size:14pt; font-weight:700; margin-bottom:10px; color:#00a4cf;} .privacy-wrap p {font-size:12pt;} .privacy-wrap b {font-weight:700;} .privacy-wrap a:hover {color:#868686;} .privacy-wrap li {list-style-type:none; margin-left:0 !important; margin-right:0 !important; line-height:19pt;} .privacy-wrap li li {margin-bottom:0;} .privacy-wrap dl {padding-left:30px;} .privacy-wrap dt {position:relative; color:#525252; margin-left:-30px; padding-left:30px; font-weight:700;} .privacy-wrap .num {position:relative; padding-left:30px;} .privacy-wrap dd.num {padding-left:20px;} .privacy-wrap p.num {padding-left:20px; margin-left:20px;} .privacy-wrap .num span {position:absolute; left:0;} #terms .privacy-wrap dt {padding-left:0} #terms .privacy-wrap .num {padding-left:20px;} #terms .privacy-wrap p.num {margin-left:20px;} .privacy-wrap .li-hyphen {position:relative; padding-left:14px !important;} .privacy-wrap .li-hyphen:before {content:'-'; position:absolute; left:0; top:-3px;} .privacy-wrap table {width:100%; margin:5px 0 10px; color:#868686; } .privacy-wrap table th, .privacy-wrap table td {padding:5px; border:1px solid #ddd;} .privacy-wrap table th {font-weight:400; background:#f1f1f1;} .privacy-info {margin-top:50px;} .privacy-info p {font-size:11pt;} /*--- 임직원 구매하기 동의 ---*/ .agree-box.jeidf {padding-left:0;} .agree-box.jeidf .agree-content {border-radius:0; margin-bottom:10px;} .agree-box.jeidf .agree-content ol {margin-top:0} .agree-box.jeidf p {color:#666; font-size:14px; line-height:22px !important;} .agree-box.jeidf .agree-check label ~ label {margin-left:30px} .agree-box.jeidf .agree-content .agree-in {height:84px} /*------------------------------------*\ PAGES - B2B 대량구매 \*------------------------------------*/ /* 로그인 */ .order-login .title-up {margin:173px auto 26px; text-align:center;} .order-login .title-up h4 {margin-bottom:54px;} .order-login .title-up img {height:65px;} .order-login .title-up p {font-size:24px; line-height:40px !important; word-wrap:break-word; word-break:keep-all;} .order-login .login-wrap {margin-bottom:160px;} .order-login .login-inner {overflow:hidden; width:584px; margin:0 auto 10px; padding:60px 53px; background:#fff; border-radius:10px;} .order-login .login-inner .input-div {float:left; width:67%;} .order-login .login-inner .input-div div {overflow:hidden;} .order-login .login-inner .input-div div + div {margin-top:15px;} .order-login .login-inner label {float:left; display:block; width:84px; font-size:20px; line-height:48px; color:#00a4cf;} .order-login .login-inner input {float:left; display:block; width:calc(100% - 84px); height:48px; color:#666; font-size:16px; line-height:46px; padding-left:10px; background:#f7f7f7; border:1px solid #d7d7d7;} .order-login .btn-wrap {float:right; width:30%; padding-left:0; margin:0;} .order-login .btn-wrap .btn01 {width:100%; min-width:auto; line-height:111px;} .order-login .login-info {text-align:center;} .order-login .login-info p {position:relative; display:inline-block; word-wrap:break-word; word-break:keep-all; padding-left:20px; font-size:12pt; line-height:1.5em !important;} .order-login .login-info p span {position:absolute; top:0; left:0;} /* 서브페이지 공통 */ .order-wrap {min-height:60vh; margin-top:120px} .order-wrap .blue {color:#007eb6 !important;} .order-wrap .al_l {text-align:left !important} .order-wrap h5 + p {font-size:18px; margin-bottom:30px; word-wrap:break-word; word-break:keep-all;} .order-wrap p {font-size:16px;} .order-wrap .tbl-wide {border-bottom:1px solid #d7d7d7} .order-wrap .tbl a {color:#333;} .order-wrap .tbl .btn {display:inline-block; font-size:14px; line-height:1; color:#fff; background:#75bdd2; padding:5px; border-radius:3px; vertical-align:top;} .tbl .btn.circle {border-radius:50%; width:24px; height:24px; text-align:center;} .text-ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* div 테이블 */ .div-tbl {border-top:1px solid #58bedf; border-bottom:1px solid #d7d7d7; margin-bottom:40px; word-wrap:break-word; word-break:keep-all;} .div-tbl .row {position:relative; display:table; width:100%;} .div-tbl .row:before {content:''; position:absolute; top:0; left:0; bottom:0; display:none; width:20%; background:#f7f7f7;} .div-tbl .div-th, .div-tbl .div-td {position:relative; display:table-cell; border-top:1px solid #f2f2f2;} .div-tbl .div-th {color:#000; padding:10px; background:#f7f7f7; text-align:center;} .div-tbl .div-td {color:#666; padding:10px 10px 10px 40px; font-weight:300;} .div-tbl .div-td .div-th {font-weight:400} .div-tbl .col-2 .div-th {width:20%;} .div-tbl .col-2 .div-td {width:80%;} .div-tbl .col-4 .div-th {width:20%;} .div-tbl .col-4 .div-td {width:30%;} .tbl-long .col-th {width:20%} .order-wrap .tbl-wide {overflow-x:auto} /* 버튼 */ .div-tbl a {color:#fe8a01;} .div-tbl .btn {display:inline-block; font-size:14px; line-height:1; color:#fff; background:#75bdd2; padding:5px; border-radius:3px; vertical-align:top;} .div-tbl .btn.circle {border-radius:50%; width:24px; height:24px; text-align:center;} .div-tbl .btn.cash-yes {background:#54ce97;} .div-tbl .btn.cash-no {background:#ce4f4f;} /* input select textarea */ select.default {height:40px; color:#666; font-weight:300; padding-left:5px; padding-right:25px; background:#f7f7f7 url('../img/img-select-arrow.png') no-repeat right 10px center; border:1px solid #d7d7d7; -webkit-appearance:none; -moz-appearance:none; appearance:none;} select.default::-ms-expand {display:none;} select.default option {color:#666; font-weight:300} input.default {height:40px; color:#666; font-weight:300; line-height:38px; padding-left:10px; background:#f7f7f7; border:1px solid #d7d7d7;} input.input-radio {display:none;} input.input-radio + label {padding-left:30px; background:url('../img/btn-radio-02.png') no-repeat left center; cursor:pointer;} input.input-radio:checked + label {background-image:url('../img/btn-radio-02-on.png');} input[type="file"].default {height:auto; line-height:100%; border:0; padding-left:0; background:none} input[type="file"].default:focus, input[type="file"].default:active {border:0} textarea.default {color:#666; font-weight:300; line-height:150%; padding:10px; background:#f7f7f7; border:1px solid #d7d7d7; resize:none} /* 주문내역 */ .order-status {overflow:hidden; position:relative; padding:10px 10px 10px 100px; font-size:16px; margin-bottom:20px; background:#f7f7f7} .order-status h6 {position:absolute; top:50%; left:40px; transform:translate(0,-50%); color:#333; font-size:18px; font-weight:400; margin-bottom:0;} .order-status h6 a {color:#333;} .order-status h6 span {display:inline-block; color:#fe8a01; font-weight:500; margin:0 2px 0 5px; vertical-align:top;} .order-status > span {display:block; float:left; color:#666; padding-left:40px; vertical-align:top;} .order-status > span a {color:#3c90c5; padding:0 2px;} .order-product-table.list table {min-width:940px;} .order-product-table.list table td b {font-weight:400; color:#333;} /* 파랑 */ .order-product-table.list table tr:hover td b{color:#3c90c5} /* 파랑 */ .order-product-table.list table tbody tr:hover {cursor:pointer;} .order-product-table.list table tr.waiting + tr td {border-top:2px solid #bbb} .order-product-table.list table tr td {background:#f9f9f9;} .order-product-table.list table tr.waiting td {background:#fff;} .order-product-table.list table tr.waiting td {border-top:1px solid #f2f2f2 !important} .order-product-table.view {margin-bottom:5px;} .order-product-table.view table {min-width:940px;} .order-product-table.view table tr:first-child td:nth-child(2), .order-product-table.view table tr + tr td:nth-child(1) {font-weight:400; color:#333} .order-product-table .waiting .status-btn {color:#007eb6;} .order-product-table .td-sum {font-weight:400; border-top:1px solid #fff8ef; background:#fff8ef;} .tbl-info {text-align:right; margin-bottom:40px; color:#444;} .tbl-info p {position:relative; display:inline-block; font-size:14px; padding-left:18px;} .tbl-info p:before {content:'※'; position:absolute; left:0; display:block; width:13px; vertical-align:top; color:inherit;} .pay-tip {position:absolute; top:10px; right:10px; color:#666; font-size:14px; padding-left:17px; word-wrap:break-word; word-break:keep-all;} .pay-tip span {position:absolute; left:0;} .pay-tip strong {display:inline-block; font-weight:400;} .pay-tip02 {position:relative; color:#666; font-size:14px; line-height:16pt; padding-left:17px; word-wrap:break-word; word-break:keep-all;} .pay-tip02 span {position:absolute; left:0;} .discount-tbl .red {font-weight:400} .discount-tbl .div-th, .discount-tbl .div-td {vertical-align:middle;} .discount-tbl .div-th {padding:10px 0;} .discount-tbl .div-th.rowspan, .discount-tbl .div-td.rowspan {border-top:0;} .discount-tbl .div-th.rowspan {width:80px; border-right:1px solid #f2f2f2} .discount-tbl .div-td.rowspan {padding:0;} .discount-tbl .div-td {padding-right:0} .discount-tbl .rowspan-01 .div-th, .discount-tbl .rowspan-02 .div-th {width:120px;} .discount-tbl .rowspan-01 .div-td, .discount-tbl .rowspan-02 .div-td {width:auto;} .discount-tbl .rowspan .div-th:first-child {width:160px;} .discount-tbl .order-total-price {color:#000; font-weight:400; word-wrap:break-word; word-break:keep-all;} .address-tbl .div-th, .address-tbl .div-td {vertical-align:middle;} .pay-tbl .div-th, .pay-tbl .div-td {vertical-align:middle;} .shipAddr {display:inline-block; width:63%; vertical-align:middle;} .shipAddr span {display:inline-block; margin-left:30px;} .shipAddr span:first-child {margin-left:0;} #shipHopeDate {width:170px} .shipPhoneNew input {width:30%; max-width:66px;} .shipAddrNew {display:none; height:40px; vertical-align:middle;} .shipAddrNew input {width:290px; margin-left:24px;} input[name="order-bank-name"] {width:160px} /* 주문동의, 개인정보 수집 및 이용동의 */ .agree-box-gray .agree-tit {color:#000; font-size:16px; font-weight:400;} .agree-box-gray .agree-content {padding:20px; background:#f7f7f7;} .agree-box-gray .agree-content p, .agree-box-gray .agree-content ol, .agree-box-gray .agree-content li, .agree-box-gray .agree-content dl, .agree-box-gray .agree-content dt, .agree-box-gray .agree-content dd {font-size:13px !important; line-height:18px !important; color:#666 !important; font-weight:300;} .agree-box-gray .agree-content dt {margin-left:-14px;} .agree-box-gray .agree-content .agree-in {height:95px; overflow:auto;} .agree-box-gray .agree-check {margin:10px 0 40px; color:#666; font-size:13px; line-height:24px; font-weight:300;} .agree-box-gray .agree-check label {display:inline-block; vertical-align:top;} /* 페이징 */ .list-page {text-align:center; margin:30px 0;} .list-page ol {display:inline-block;} .list-page ol li {display:inline-block; margin:0 !important;} .list-page a {display:inline-block; width:30px; height:30px; color:#666; font-size:14px; line-height:30px; border-radius:50%; vertical-align:top;} .list-page a.on, .list-page a.on:hover {color:#fff; background:#58bedf;} .list-page a:hover {color:#58bedf;} .list-page a.prev, .list-page a.next, .list-page a.first-page, .list-page a.last-page {font-size:0; line-height:0; background:url('img/page-arrow-prev.svg') no-repeat center; background-size:auto 12px;} .list-page a.next {background-image:url('img/page-arrow-next.svg');} .list-page a.first-page {background-image:url('img/page-arrow-first.svg');} .list-page a.last-page {background-image:url('img/page-arrow-last.svg');} /* 레이어팝업 */ .sub-layer-pop {display:none;} .sub-layer-pop:before {content:''; position:fixed; top:0; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); z-index:500;} .sub-layer-pop.show-shadow:before {display:block} .sub-layer-pop.hide-shadow:before {display:none} .sub-layer-pop .layer-content {z-index:500;} .layer-content.fixed {position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .close-layer {position:absolute; top:10px; right:10px; display:block; width:16px; height:16px; background:url('../img/icon_x.png') no-repeat center; font-size:0; line-height:0;} /* 주문내역 */ .order-notice .layer-content {width:90%; max-width:600px; padding:50px 20px 40px; background:#fff; box-shadow:none;} .order-notice h1 {color:#000; font-size:20px; line-height:30px; font-weight:400; margin:0 0 30px; text-align:center;} .order-notice h1 span {font-size:24px; color:#007eb6;} .order-notice h1 + p {color:#000; text-align:center; margin-top:-20px; margin-bottom:30px;} .order-notice .order-info {width:90%; margin:0 auto; padding:20px; background:#f7f7f7;} .order-notice .order-info p {color:#333;} .order-notice .order-info p + p.center {text-align:left; margin-top:10px;} .order-notice .order-info p.order-total {font-size:20px;} .order-notice .order-info p.order-total span {color:#fe8a01;} .order-notice .btn-wrap {margin:40px 0 0; padding-left:0; text-align:center;} #notice-agree .layer-content {top:150px; left:50%; margin-left:-300px; margin-bottom:50px; z-index:502;} #notice-agree h1 {margin-bottom:20px} #notice-agree .layer-content {padding-top:30px;} #notice-agree .layer-content .agree-box-gray .agree-content .agree-in {height:120px;} #notice-agree .order-info {padding:0; background:none;} #notice-agree .agree-box-gray .agree-content .agree-in {height:110px;} #notice-agree .agree-box-gray .agree-content dl {padding-left:14px; margin-bottom:10px} #notice-agree .agree-box-gray .agree-content p, #notice-agree .agree-box-gray .agree-content ol, #notice-agree .agree-box-gray .agree-content dl, #notice-agree .agree-box-gray .agree-content dt, #notice-agree .agree-box-gray .agree-content dd {font-size:14px !important; line-height:20px !important;} #notice-agree .privacy-wrap {padding:0; margin-bottom:0;} #notice-agree .privacy-wrap h5 {font-size:16px; font-weight:400; margin-bottom:5px;} #notice-agree .privacy-wrap h6 {font-size:15px; font-weight:400; margin-bottom:0;} #notice-agree .privacy-wrap dt {padding-left:0;} #notice-agree .privacy-wrap dt.num {padding-left:15px;} #notice-password .layer-content {padding:99px 20px 88px; z-index:501;} /* 상품설명 */ .img-zoom-pop {cursor:pointer;} .img-zoom-pop .layer-content {position:absolute; left:50%; width:90%;} .img-zoom-pop .layer-content img {width:100%} #zoom-layer-1 .layer-content, #zoom-layer-2 .layer-content {margin-left:-500px; max-width:1000px;} #zoom-layer-3 .layer-content, #zoom-layer-4 .layer-content {margin-left:-430px; max-width:861px;} .curri-layer-pop .layer-content {position:absolute; left:50%; width:90%; max-width:1000px; padding:40px; margin-bottom:100px; transform:translate(-50%, 0); background:#fff;} .curri-layer-pop h5 {color:#000; font-size:20px; line-height:30px; margin-bottom:15px;} .curri-layer-pop .b2b-product-table {margin:0;} .curri-layer-pop .tbl-info {color:#666; font-size:11pt; font-weight:300; text-align:left; margin-top:5px; margin-bottom:0;} .curri-layer-pop table {min-width:840px} #curri-mission table tbody td:nth-child(4) {text-align:left;} /* 상품설명 */ .btn-zoom {display:block; width:80px; height:80px; font-size:0; line-height:0; background:rgba(57,57,57,0.6) url('../img/img-zoom-lg.png') no-repeat center;} .b2b-product-top .img-wrap {position:relative;} .b2b-product-top .img-wrap .btn-zoom {opacity:0; visibility:hidden; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;} .b2b-product-top .img-wrap:hover .btn-zoom {opacity:1; visibility:visible;} .b2b-product-top {overflow:hidden; margin:40px 0 70px} .b2b-product-top .cols {float:left; position:relative;} .b2b-product-top .cols:first-child, .b2b-product-top .cols:nth-child(2) {width:376px;} .b2b-product-top .cols:nth-child(2) {margin-left:7px;} .b2b-product-top .cols:nth-child(3) {width:31.4%; margin-left:30px; padding-top:24px; text-align:left;} .b2b-product-top .cols:nth-child(3) h6 {color:#000; font-size:20px; line-height:32px; font-weight:400;} .b2b-product-top .cols:nth-child(3) .btn-wrap {text-align:left; margin-bottom:0;} .b2b-product-top .cols:nth-child(3) .btn-wrap a {padding:19px 14px; text-align:center; font-size:20px; line-height:1.6em; font-weight:300;} .b2b-product-top .cols:nth-child(3) .btn-wrap a b {font-size:22px; font-weight:500} .b2b-product-top .cols p {text-align:center; margin-top:10px} .order-wrap .b2b-product-table {border-bottom:2px solid #d7d7d7} .order-wrap .b2b-product-table td {text-align:left; padding-left:30px; border-left:1px solid #f2f2f2;} .b2b-product-table {overflow:auto; margin-top:30px;} .b2b-product-table thead th {background:#e8e8e8;} .b2b-product-table tbody th {background:#f7f7f7; color:#666; font-weight:300;} .b2b-product-table:nth-child(2) {display:none;} .b2b-product-table .li-dash li, .b2b-product-table .li-dot li {margin:0 !important;} .b2b-product-table .btn-wrap {margin:0; text-align:left;} .b2b-product-table .btn-wrap a {width:112px; min-width:auto; color:#fff !important; font-size:14px; line-height:20px; font-weight:300; padding:6px 0; margin:2px 1px;} .b2b-product-table .btn-wrap a b {display:block; font-size:16px; font-weight:500;} .order-wrap .b2b-product-table .td-center-img {cursor:pointer; padding:12px; text-align:center;} .b2b-product-table .td-center-img span {display:inline-block; position:relative;} .b2b-product-table .td-center-img span:after {opacity:0; visibility:hidden; content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0.6) url('../img/img-zoom-lg.png') no-repeat center;} .b2b-product-table .td-center-img span img {width:100%} .b2b-product-table .td-center-img:hover {background:rgba(0,0,0,0.6);} .b2b-product-table .td-center-img:hover span:after {opacity:1; visibility:visible;} .b2b-product-table .td-center-img a {display:block; font-size:0; line-height:0;} /* 고객센터 */ /* 문의하기 */ .order-wrap .buy-wrap .btn-wrap.al_r {text-align:right;} .order-contact-table {min-width:840px;} .order-contact-table td:nth-child(3) {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fe8a01;} .order-contact-table a {font-weight:400;} .order-contact-view-table td {overflow:auto;} .order-contact-view-table td b {color:#333; font-weight:400} .order-contact-view-table input[type="text"] {width:80%} .order-contact-view-table select {width:150px} .order-contact-view-table textarea {width:80%; height:140px} /* FAQ */ .faq-tab {font-size:18px; margin-bottom:20px; background:#f7f7f7;} .faq-tab ul {overflow:hidden;} .faq-tab ul li {float:left; margin:0 !important;} .faq-tab ul li a {display:block; padding:10px 20px;} .faq-tab ul li a.on {color:#fff; background:#fe8a01;} .faq-tab ul li a.on:hover {color:#fff;} .faq-tab ul li a:hover {color:#fe8a01;} .faq-wrap .tbl-wide td {text-align:left;} .faq-wrap .faq-q {position:relative; display:inline-block; padding-left:20px; font-size:16px; font-weight:400;} .faq-wrap .faq-q:before {content:'Q'; position:absolute; top:0; left:0; color:#4ec3c8;} .faq-wrap .faq-a {display:none; color:#868686; margin-top:12px; margin-left:20px; font-size:16px;} .faq-wrap .faq-a p {font-weight:300;} /* 공지사항 */ /* div 테이블 */ .div-tbl-wide {overflow:auto; position:relative; color:#666; font-weight:300; border-top:2px solid #58bedf;} .div-tbl-wide a {color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .div-tbl-wide .div-tbl-row {display:table; width:100%; table-layout:fixed; border-collapse:collapse;} .div-tbl-wide li.div-tbl-row:last-of-type {border-bottom:1px solid #ccc;} .div-tbl-wide .div-tbl-row .div-col {display:table-cell; text-align:center; padding:12px 0; vertical-align:middle;} .div-tbl-wide .div-tbl-row.div-tbl-header {color:#000; font-weight:400; text-align:center; background:#f7f7f7;} .div-tbl-wide ul li.div-tbl-row {margin:0 !important; line-height:24px; padding:12px 0; border-top:1px solid #f2f2f2} /* 공지사항 div 테이블 */ .page-template-page-notice-list .buy-wrap, .page-template-b2b_notice_list .buy-wrap {padding-bottom:80px} .page-template-page-notice-list .alm-btn-wrap, .page-template-b2b_notice_list .alm-btn-wrap {padding-bottom:0} .order-notice-list {min-width:420px;} .div-tbl-wide .order-notice-list {border-bottom:0;} .div-tbl-wide .order-notice-list ul {overflow:hidden} .div-tbl-wide .order-notice-list ul li .div-col:nth-child(2) {text-align:left; font-weight:400; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .div-tbl-wide .order-notice-list .div-col-1 {width:13%;} .div-tbl-wide .order-notice-list .div-col-3 {width:20%;} .order-wrap .alm-btn-wrap {margin-top:40px;} .order-wrap .alm-btn-wrap button {font-size:18px} .order-notice-table {min-width:440px;} .order-notice-table td:nth-child(2) {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .order-notice-table a {font-weight:400;} .notice-wrap {color:#666; font-size:16px; border-top:2px solid #58bedf; word-wrap:break-word; word-break:keep-all;} .notice-header {position:relative; padding:10px 0 10px 40px; padding-right:15%; border-bottom:1px solid #f2f2f2; background:#f7f7f7;} .notice-header h6 {font-size:20px; font-weight:500; margin-bottom:0;} .notice-header p {position:absolute; top:10px; right:40px; font-weight:400;} .notice-body {overflow:auto; padding:20px 10px 20px 40px; border-bottom:1px solid #d7d7d7;} .notice-body p {font-weight:300;} .notice-footer {padding:8px 10px 7px 70px; background:url('../img/clip.svg') no-repeat 40px center;} .notice-footer a {display:inline-block; color:#888; word-wrap:break-word; word-break:keep-all;} .bottom-list-table td:first-child {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .bottom-list-table td:last-child {text-align:right; padding:0 40px 0 0;} .bottom-list-table a {display:inline-block; margin-left:10px; font-weight:400;} /* 비밀번호 변경 */ #order-password .row_inner_wrapper {width:584px !important} #order-password .order-wrap {min-height:auto; margin-top:74px; padding-top:14vh;} #order-password .buy-wrap {margin-bottom:14vh} .pwd-wrap {font-size:16px; text-align:center; margin-top:50px;} .pwd-wrap ul {display:inline-block; text-align:left;} .pwd-wrap ul li {position:relative; line-height:40px;} .pwd-wrap ul li label {display:inline-block; width:140px; color:#666; vertical-align:top;} .pwd-wrap ul li input {width:290px; vertical-align:top;} .pwd-help {color:#888; font-size:14px; line-height:1; font-weight:300; text-align:right; padding-top:5px; padding-right:100px;} /*------------------------------------*\ PC [>1280px] \*------------------------------------*/ .wymagania .row_inner { margin-left:100px; margin-right:100px; } .mobile-atope .themify_builder_sub_row { padding-left:35px; padding-right:35px; } .laptop { display:block; } .tablet, .mobile, .notablet, .tablet-only { display:none; } .buy01 .desktop_device {display:inline-block;} .buy01 .small_size_device, .buy01-labyrinth .small_size_device {display:none;} /*------------------------------------*\ LAPTOP [<1279px] \*------------------------------------*/ @media only screen and ( max-width: 1279px) { /* title */ .title-up { width:1024px; } /* 공통 */ .extra { width:1024px !important; } .desktop {display:none} /* 상품개요 */ .o-txt-o { width:1024px; } .themify_builder .row_inner_wrapper, .themify_builder .themify_builder_sub_row { width:1024px !important;} .ico-sco {width:80px;} /* DOWNLOAD */ .pobierz { height:240px; } /* COLLABORATION */ .wspolpraca .col4-2.first, .wspolpraca .col4-2.last { width:50% !important; } /* 사용하기 */ .manual-download {left:20px; bottom:0; transform:scale(0.96);} /* 구매하기 */ .buy01 .desktop_device, .buy01-labyrinth .desktop_device {display:none;} .buy01 .small_size_device, .buy01-labyrinth .small_size_device {display:block;} .purchase .themify_builder .row_inner_wrapper, .purchase .themify_builder .themify_builder_sub_row, .app .themify_builder .row_inner_wrapper, .app .themify_builder .themify_builder_sub_row {width:1024px !important;} .purchase .buy-slider img, .purchase .image-wrap img, .app .image-wrap img {width:400px !important;} .purchase h4, .app h4 {clear:both; color:#fff !important; font-size:28px; font-weight:700; margin-bottom:10px; } .purchase h5, .app h5 {clear:both; width:400px; margin:0 auto; color:#00a4cf !important; font-size:32px; font-weight:700; margin-bottom:20px !important; line-height:30pt;} .purchase h6, .app h6 {clear:both; width:400px; margin:0 auto; color:#000 !important; font-size:22px; font-weight:700; margin-bottom:10px !important;} .purchase .themify_builder_sub_row.sub_row_0-0-1.module_subrow, .app .themify_builder_sub_row.sub_row_0-0-2.module_subrow {padding-left:20px; padding-right:20px;} .buy { width:100%; } .buy img { width:140px; } #amazonuk .buy img, #bambino .buy img { width:200px; } .buy01-labyrinth .more_btn_area {width:100%;} /* 구매하기 추가 */ .buy-info-left {width:57%;} /* 구매하기 - 주문결제*/ .tbl-address div.order-address .address-detail input {width:415px;} .tbl-address div.order-address .address-detail input + input {width:241px;} .tbl-address div.order-request input {width:100%;} /* 문의하기 */ .contact-left {width:30%;} .contact-right {width:70%;} /*footer*/ .footer .footer_con{width:auto;} .footer-left {margin-right:30px;} .sub-banner h4 {width:67%;} .sub-banner .video_area.img_con img {width:260px;} /* B2B 대량구매 */ .header-b2b {width:1024px} .discount-tbl .rowspan .div-th:first-child {width:109px;} .discount-tbl .div-td {padding-left:20px;} .shipAddr {width:100%} .shipAddrNew {width:100%; margin-top:10px} .shipAddrNew input {margin-left:0; width:433px;} /* 상품설명 */ .b2b-product-top .cols:first-child, .b2b-product-top .cols:nth-child(2) {width:300px;} .b2b-product-top .cols:nth-child(3) {padding-top:0;} .b2b-product-top .cols:nth-child(3) .btn-wrap {margin:13px 0 0;} .b2b-product-top .cols:nth-child(3) .btn-wrap a {width:100%; padding:10px 0;} } /*------------------------------------*\ TABLET [<1024px] \*------------------------------------*/ @media screen and ( max-width: 1024px) and (orientation:landscape) { /* 태블릿 가로 */ .themify_builder .themify_builder_sub_row.sub-top-banner {margin-bottom:0;} /*사용하기 상단 배너 여백*/ .themify_builder_13_row.module_row_0.module_row {padding-bottom:1px !important;} /*코딩선생님 하단 여백*/ .faq .row_inner_wrapper {width:80% !important;} /*FAQ가로*/ .contact-wrap {margin-bottom:1px;} /*문의하기 하단 여백 */ .sub-banner {margin-top:0;} .sub-banner h4 {width:65%;} .buy01 .desktop_device, .buy01-labyrinth .desktop_device {display:none;} .buy01 .small_size_device, .buy01-labyrinth .small_size_device {display:block;} .footer .footer_con {padding:20px;} .purchase .themify_builder .row_inner_wrapper, .purchase .themify_builder .themify_builder_sub_row, .app .themify_builder .row_inner_wrapper, .app .themify_builder .themify_builder_sub_row {width:1024px !important;} } @media only screen and ( max-width: 1023px) { /* 공통 */ .laptop, .notablet { display:none; } .tablet, .tablet-only {display:block;} .mobile-padding {padding-left:20px !important; padding-right:20px !important;} .sub-menu {padding-top:0 !important;} .title-up { width:768px; } .themify_builder .row_inner_wrapper, .themify_builder .themify_builder_sub_row, .themify_builder .module_row.fullheight .row_inner_wrapper, .extra { width:768px !important; margin:auto; padding-left:0; padding-right:0;} /* NEW HOME */ .gotitle { margin:28vh auto 0px; } .niebo { margin-top:-15vh; } .boxborder.bgg { background-color:transparent; } .boxborder.bgg:hover { background-color:rgba(255,255,255,0.2); } .treediv { margin-left:-25%; } .treeimg { width:150%; } /* 상품개요 */ .about-the-game .tb-column-inner h5 {margin-top:20px; } .o-txt-o { width:768px; margin:0 auto !important; } .o-txt-o p, .o-txt-o h6, .o-txt-o ul { margin-left:128px; margin-right:128px; } .superimg img { margin-left:128px !important; margin-right:128px !important; width:512px; } .themify_builder .widget-8-sub_row_0-0-4-0-2.module-widget, .themify_builder .widget-8-sub_row_0-0-4-1-2.module-widget, .themify_builder .widget-8-sub_row_0-0-4-2-2.module-widget, .themify_builder .widget-8-sub_row_0-0-4-3-2.module-widget {text-align:center !important;} .sub_row_inner_wrapper .col4-1 { width:192px !important; } .x2 .sub_row_inner_wrapper .col4-1 { width:384px !important; } .mobile-atope .sub_row_inner_wrapper .col4-2 { width:352px !important; margin-left:16px !important; margin-right:16px !important; } .mobile-atope .module-video { margin-right:30px !important; margin-top:0px !important; padding-top:10px !important; padding-right:0px !important; } .sub_row_inner_wrapper .col5-1 { width:153px !important; } .mob-menu-header-holder.mobmenu { background-color:#7ddced; } .image-8-sub_row_0-0-8-0-1 img, .image-8-sub_row_0-0-8-1-1 img {width:330px;} /* 사용하기 */ .how-does-it-work .tb-column-inner h4 {padding-top:10px; } .how-does-it-work .tb-column-inner h5 {margin-top:0px; } .themify_builder .module_row.pozawygamania { background-color:#fff; } .themify_builder .themify_builder_sub_row.sub-top-banner {margin-bottom:0;} .sub_row_inner_wrapper>div {float:none; width:100%; } .manual-download {position:static !important; left:auto; bottom:auto; margin:30px auto 0; display:inline-block; transform:scale(1); } .manual-download img {height:80px} .manual-download a {padding:5pt 16pt; margin-left:20px;} /* 구매하기 */ .buy { width:100%; } .buy img { width:140px; } .buy-right h4 {width:100%; padding-left:0; font-size:26pt;} .buy-right {padding-right:20px;} .buy-right .btn-wrap {width:100%} .buy01 .desktop_device, .buy01-labyrinth .desktop_device {display:none;} .buy01 .small_size_device, .buy01-labyrinth .small_size_device {display:block;} /* 구매하기 추가 */ .buy-step {width:100%; padding:0; margin-bottom:20px;} .buy01 .buy-step, .buy01-labyrinth .buy-step {background:none;} .buy-info-left {width:100%; margin-bottom:20px;} .buy-slider ul {margin-top:20px;} .buy-info {margin-bottom:40px;} .buy-info-right {width:100%;} .buy-wrap .buy-info-right h5 {margin-bottom:20px;} .tbl-long td {padding-left:10px;} /* 구매하기 - 주문결제*/ .tbl-address div.order-mail input {width:273px;} .tbl-address div.order-mail select {clear:left; margin-left:0;} .tbl-address div.order-mail select, .tbl-address div.order-mail select + input {width:180px; margin-top:6px;} .tbl-address div.order-address .address-detail input {width:100%;} .tbl-address div.order-address .address-detail input + input {width:100%; margin-top:6px; margin-left:0;} /* 구매하기, 다운로드 - 2019.11.07 */ .purchase .themify_builder .row_inner_wrapper, .purchase .themify_builder .themify_builder_sub_row, .app .themify_builder .row_inner_wrapper, .app .themify_builder .themify_builder_sub_row {width:768px !important;} .purchase h5, .app h5 {width:300px; margin:0 auto; font-size:26px; font-weight:700; margin-bottom:20px;} .purchase h6, .app h6 {width:300px; margin:0 auto; font-size:20px; font-weight:700; margin-bottom:5px !important;} .purchase .buy-slider, .purchase .image-wrap, .app .image-wrap { width:300px !important; overflow:hidden; margin:0 auto !important; float:none !important; text-align:center; margin-right:0; } .purchase .buy-slider img, .purchase .image-wrap img, .app .image-wrap img {width:340px !important; margin:0;} .purchase .themify_builder_sub_row.sub_row_0-0-1.module_subrow, .app .themify_builder_sub_row.sub_row_0-0-2.module_subrow {padding-left:0; padding-right:0;} .purchase .sub_row_inner_wrapper>div, .app .sub_row_inner_wrapper>div {width:100% !important; float:none; margin:0 auto !important;} .purchase .sub_row_inner_wrapper>div:last-child, .app .sub_row_inner_wrapper>div:last-child {margin:60px 0 0 0 !important;} /* 문의하기 */ .contact-wrap {margin-bottom:1px;} .contact-left, .contact-right, .contact-form-left, .contact-form-right {width:100%;} .contact-left img {width:150px;} .contact-right > div, .keycode {padding-left:0;} .contact-right label, .keycode label {position:relative;} .contact-right .contact-name input {width:46%;} .contact-right .contact-name select {width:46%; float:right;} .contact-right .contact-email span {width:8%;} .contact-right .contact-email input, .contact-right .contact-email select {width:46%;} .contact-right .contact-email input ~ input {width:100%;margin-left:0;} .contact-right .contact-email select {float:right;} .contact-right .contact-phone select, .contact-right .contact-phone input {width:30%;} .contact-right .contact-phone input {margin-left:5%;} .keycode input {width:22%; margin-left:4%;} .keycode-input input:first-child {width:22%;} .address-find input {width:100%; margin-left:0;} .address-find input:first-child {width:120px;} .address-find .address-detail input, .address-find .address-detail input + input {width:100%; margin-left:0;} .agree-box {padding-left:0;} .contact-wrap .btn-wrap {text-align:left; padding-left:0;} .contact-wrap .btn-wrap a {width:100%;} /* FAQ */ .faq .row_inner_wrapper { width:80% !important; } .top-faq .row_inner_wrapper { width:auto !important; } /* ERROR PAGE */ a[class^="error"] .wrapper { background-size:70%; } /* TEACHING AIDS */ .extra .uno-detres { width:40%; } .wymagania .row_inner { margin-left:96px; margin-right:96px; } .mobile-atope .themify_builder_sub_row { padding-left:35px !important; padding-right:35px !important; } /* 서브 배너 */ .sub-banner {margin-top:0} .row_inner_wrapper {overflow:hidden; padding-left:20px; padding-right:20px; } .sub-banner .sub-banner-left .image-wrap {margin:0; text-align:center;} .sub-banner h4 {width:100%; margin-left:0; font-size:26pt;} .sub_row_inner_wrapper>div {float:none; margin:0 auto; width:100% !important; } .sub_row_inner_wrapper>div .context_area {margin:0 auto !important;} .sub_row_inner_wrapper>div:last-child .context_area {margin:30px auto 0 !important;} .sub-banner .banner-text .btn-wrap {padding-left:0; text-align:center;} .sub-banner .banner-text {padding-right:60px !important;} .sub-banner .video_area.img_con img {width:260px;} /* FOOTER */ .footer { height:auto; position:relative} .footer .footer_con {width:100%;padding:20px 0px 20px 0px} .footer .footer_con .footer-left, .footer .footer_con p span{display:none;font-size:1.2em;font-weight:normal} .footer .footer_con .footer-center .info-num {margin-top:13px} .footer .footer_con .footer-center .info-num span:first-child, .footer .footer_con .footer-center .info-num span:nth-child(2) {display:block; margin-left:0;} .footer-left { margin-top:30px; margin-bottom:20px;margin-right:0} .footer-left img { margin:0px; } .footer-center {float:none; display:inline-block;} .footer-center a {margin-left:0;} .footer-center a + a {margin-left:20px;} .footer-right {position:absolute;top:17px;left:50%;margin-left:97px} .footer-b2b .footer-right {margin-left:33px} .social-links a {margin-left:10px} .social-links a.cafe img, .social-links a.facebook img {width:25px} .top-icon span { display:none; } .copyright{display:block;font-size:1em;padding-top:0;margin-top:13px;} /*family site*/ .social-links .family_site, .social-links .family_sub{display:none} /* B2B 대량구매 */ .cash-rct-form .tbl-long td {padding-left:10px;} .order-status > span {width:33%;} /* 주문금액 */ .discount-tbl .div-th, .discount-tbl .div-td {float:left; display:block; text-align:left; padding-left:10px; border-top:1px solid #f2f2f2;} .discount-tbl .div-th {width:130px !important;} .discount-tbl .div-th.rowspan {width:100% !important; padding-left:0; text-align:center; border-right:0;} .discount-tbl .div-td.rowspan {width:100%;} .discount-tbl .div-td.rowspan .div-td {width:calc(100% - 130px);} .div-tbl.discount-tbl .row:before {display:block; width:130px;} /* 배송정보 테이블 */ .div-tbl.address-tbl .row:before {display:block; width:130px;} .div-tbl.address-tbl .col-4 .div-th, .div-tbl.address-tbl .col-2 .div-th, .div-tbl.pay-tbl .col-2 .div-th {width:130px;} .div-tbl.address-tbl .col-4 .div-td, .div-tbl.address-tbl .col-2 .div-td, .div-tbl.pay-tbl .col-2 .div-td {width:calc(100% - 130px); padding-left:10px;} /* 상품설명 */ .b2b-product-top {margin:20px 0 50px;} .b2b-product-top .cols:first-child, .b2b-product-top .cols:nth-child(2) {width:49%;} .b2b-product-top .cols:nth-child(2) {margin-left:2%} .b2b-product-top .cols:nth-child(3) {padding-top:24px; width:100%; margin-left:0;} .b2b-product-top .cols:nth-child(3) h6 {font-size:18px; line-height:28px;} .b2b-product-top .cols:nth-child(3) h6 br {display:none;} .b2b-product-top .cols:nth-child(3) .btn-wrap a {width:100%; padding:7px 0; font-size:18px;} .b2b-product-top .cols:nth-child(3) .btn-wrap a b {font-size:20px;} .b2b-product-top .img-wrap .btn-zoom {opacity:1; visibility:visible; background:none;} .b2b-product-top .img-wrap .btn-zoom:after {content:''; position:absolute; right:0; bottom:0; display:block; width:36px; height:36px; background:rgba(0,0,0,0.4) url('../img/img-zoom.png') no-repeat center;} .b2b-product-table .td-center-img:hover {background:none;} .b2b-product-table .td-center-img span:after {opacity:1; visibility:visible; content:''; position:absolute; top:auto; left:auto; right:0; bottom:0; display:block; width:36px; height:36px; background:rgba(0,0,0,0.4) url('../img/img-zoom.png') no-repeat center;} .img-zoom-pop .layer-content {left:5%; margin-left:0 !important} .curri-layer-pop .layer-content {padding:40px 20px;} /* 공지사항*/ .notice-header, .notice-body {padding-left:10px} .notice-header {padding-right:20%;} .notice-footer {padding-left:40px; background-position:10px center;} } /* CHANGE /plugins/themify-builder/css/themify-builder.css */ /* LINE 4731 */ /* COLUMN ALIGNMENT */ /* ======================================================== */ /* @media screen and (min-width: 681px) { ---> 480px!!! */ /*------------------------------------*\ MOBILE [<768px] \*------------------------------------*/ @media only screen and ( max-width: 767px) { /* 공통 */ .mobile { display:block !important; } .nomobile, .tablet-only { display:none; } .title-up { width:480px; margin-top:50px;} .themify_builder .row_inner_wrapper, .themify_builder .themify_builder_sub_row, .themify_builder .module_row.fullheight .row_inner_wrapper, .extra { width:480px !important; margin:auto; padding:0;} .home .themify_builder .module_row.fullheight .row_inner_wrapper { width:auto !important; margin:auto; } .themify_builder .row_inner_wrapper, .no.supercentrado { left:0%; top:0%; transform:none; } div.wpcf7-response-output { width:100%; margin:0px auto; padding:6px 15px; } .themify_builder_6_row.module_row_0.module_row, .themify_builder_8_row.module_row_0.module_row, .themify_builder_15_row.module_row_0.module_row, .themify_builder_20_row.module_row_0.module_row {padding-top:15px !important;} /* 타이틀 */ h5, .h5 li {font-size:17pt; letter-spacing:-1px;} p, h7, .h7 li {font-size:12pt; line-height:1.7em !important; letter-spacing:-1px;} /* 버튼 */ .btn-wrap a {min-width:130px; font-size:12.5pt} .order-contact-view .btn-wrap a {min-width:30%; padding:0} /* b2b 문의하기 */ /*HEADER*/ .top-bar{height:48px;} .label-mobile{width:25px;height:25px;top:12px;} .logo-img, .mob-standard-logo{height:25px;margin:11px 0 11px 20px} a:hover .logo-img, a:hover .mob-standard-logo { height:20px; margin: 13px 10px 13px 40px; } /* MAIN */ .enter-head img { width:70% !important; margin-top:50px; } .themify_builder .themify_builder_sub_row.main-enter { width:640px !important; } .enterbox { width:95vw; max-width:450px; } .mobile-atope .module-video { margin:0px !important; padding:0px !important; } /* NEW HOME */ .treediv { margin-left:-35%; } .treeimg { width:170%; } .bordersand { border:none; } .night { display:none; } /* HOME */ .gohome, .goedu { margin:44px auto 0px; width:250px; } .niebo { margin-top:-8vh; } .gotitle { margin:14vh auto 0; width:100vw; } .gotitle div { float:initial; } .flags-home { padding-bottom:66px; padding-top:30px; } /* 상품개요 */ .about-the-game .ico-new {width:54px; transform:translatey(0px);} .o-txt-o { width:480px; margin:0 auto !important; } .o-txt-o p, .o-txt-o h6, .o-txt-o ul { margin-left:0px; margin-right:0px; } .superimg img { margin-left:5% !important; margin-right:5% !important; width:90%; } .about-the-game .sub_row_inner_wrapper>div {padding-left:0 !important; padding-right:0 !important;} .sub_row_inner_wrapper .col4-1 { width:240px !important; } .about-the-game .x2 .sub_row_inner_wrapper .col4-1, .sub_row_inner_wrapper .col4-2, .sub_row_inner_wrapper .col5-1 { width:480px !important; } .sub_row_inner_wrapper .content-pobierz { width:768px !important; } .sub_row_inner_wrapper .col3-1.content-pobierz.last { padding-top:0px; } .mob-menu-header-holder.mobmenu, .mobmenu-push-wrap { background-color:#7ddced; } .mobile-atope .sub_row_inner_wrapper .col4-2, .sub_row_inner_wrapper .content-pobierz.first { width:100% !important; } #about-the-game .themify_builder .video-8-sub_row_0-0-2-0-0.module-video {margin-bottom:20px;} /*비디오*/ #widget-8-sub_row_0-0-6-0-0 h4, #widget-8-sub_row_0-0-6-3-0 h4{padding-left:0;} /*코딩타일 타이틀*/ .mobile-inline {display:inline-block; vertical-align:middle;} .tile-margin {margin-bottom:17px;} .ico-sco {transform:translate(0, -5px);} /* 서브 배너 */ .sub-banner {padding-bottom:18%; background-repeat: no-repeat; background-size: 250%;} .sub-banner .sub-banner-left .image-wrap {top:0; left:0;} .sub-banner h4, .sub-banner .banner-text .btn-wrap {text-align:center !important;padding-left:0 !important} .sub-banner h4 {width:100%; font-size:15pt; letter-spacing:-1px; margin-bottom:10px;margin-left:0px} .sub-banner .context_area h3 {font-size:23px; letter-spacing:-1px; } .sub-banner .banner-text {top:0; padding-left:0; padding-right:0 !important;} .sub-banner .banner-text .btn-wrap {margin-top:10px;} .themify_builder .module_row_8-1.module_row.sub-banner, .themify_builder .module_row_6-1.module_row.sub-banner {padding-top:30px;} .sub_row_inner_wrapper>div {padding-left:0 !important; padding-right:0 !important;} .sub-banner .sub_row_inner_wrapper>div:last-child {margin-top:30px; } .sub-banner .sub_row_inner_wrapper>div .context_area {width:auto;} .sub-banner .sub_row_inner_wrapper>div:last-child .context_area {margin-top:0 !important;} .sub-banner .video_area.img_con img {width:200px;} /* 사용하기 */ .wymagania { padding-left:0px !important; padding-right:0px !important; } .themify_builder .themify_builder_sub_row.sub-top-banner {margin-bottom:0} .how-does-it-work .themify_builder .widget-6-sub_row_0-0-5-0-1.module-widget {padding-bottom:40px;} /* FAQ */ .themify_builder .faq .row_inner_wrapper {padding-top:80px;} /* 구매하기 */ .buy01 .desktop_device, .buy01-labyrinth .desktop_device {display:none;} .buy01 .small_size_device, .buy01-labyrinth .small_size_device {display:block;} .buy img { max-width:80%; } .buy-right h4 {width:100%; padding-left:0; font-size:20pt; line-height:28pt; } .buy-right {padding-right:0;} .buy-right .btn-wrap {width:100%;} .where-to-buy .themify_builder .module_row_11-1.module_row {padding-bottom:0;} /* 미로대탐험 상세정보 미디어쿼리 - 19.12.05 */ .buy01-labyrinth .more_btn_area a {padding:10px 0; font-size:16px; } .buy01-labyrinth .more_btn_area .more_shape_wrap {width:20px; } .buy01-labyrinth .more_btn_area .more_shape {width:10px; height:10px; } /* 구매하기 추가 */ .buy-step {text-align:center;} .buy-info-left, .buy-info-right {width:100%;} .buy-info-right {padding:20px;} .buy-bottom .tab-info, .buy-bottom .tab-info p, .buy-bottom .tab-info dl {font-size:12pt;} /* 구매하기 - 주문결제 */ .buy02 .tbl-wide th:nth-child(3) {width:30%;} .buy02 .tbl-wide th {padding:12px 6px;} .buy02 .tbl-wide td {font-size:14px; padding:12px 6px;} .buy02 .tbl-long th {width:27%} .buy02 .tbl-long td {width:73%} .buy02 .buy-wrap input[type='radio'] + label ~ label {margin-left:30px;} .tbl-address div {padding-left:0; padding-top:40px;} .tbl-address div.order-address .address-detail {padding-top:0;} .tbl-address div label {top:0;} .tbl-address div.order-mail input {width:calc(100% - 30px);} .tbl-address div.order-mail select, .tbl-address div.order-mail select + input {width:100%; margin-left:0;} .tbl-address div.order-phone select, .tbl-address div.order-phone input {width:96px;} /* 구매하기 - 주문완료 */ .buy03 h5 {font-size:22px; line-height:30px !important;} .buy03 .tbl-wide th, .buy03 .tbl-wide td {padding:12px 2px;} .buy03 .tbl-wide td {font-size:14px;} .buy03 .tbl-long th {width:30%;} /* 주문내역 확인 */ body.buy-confirm01 .themify_builder .row_inner_wrapper {width:90% !important;} .buy-login .buy-wrap input#name {width:100%} .buy-login .buy-wrap input#email {width:calc(100% - 40px);} .buy-login .buy-wrap select {width:48%} .buy-login .buy-wrap select + input {width:48%; margin-left:0;} .buy-confirm02 .tbl-wide th, .buy-confirm02 .tbl-wide td {font-size:14px; padding:12px 2px;} .buy-confirm02 .tbl-wide th:nth-child(4) {width:12%;} .buy-confirm02 .tbl-wide td:nth-child(2) {color:#fe8a01; } .order-step ol li {width:33.3%;} /* 구매하기, 다운로드 - 2019.11.07 */ .purchase .themify_builder .row_inner_wrapper, .purchase .themify_builder .themify_builder_sub_row, .app .themify_builder .row_inner_wrapper, .app .themify_builder .themify_builder_sub_row {width:100% !important;} .purchase .btn-wrap, .app .btn-wrap {margin-bottom:50px; } .purchase .last.sub_column .btn-wrap:last-child, .app .last.sub_column .btn-wrap:last-child {margin-bottom:20px; } /*------------------------ B2B 대량구매 ------------------------*/ .order-wrap {margin-top:94px;} .order-login .title-up {margin-top:100px;} .order-login .title-up p {font-size:18px; line-height:30px !important;} .order-login .login-inner {width:100%; padding:40px 30px;} .order-login .login-inner .input-div {width:100%} .order-login .login-inner label {font-size:18px; line-height:40px;} .order-login .login-inner input {height:40px; line-height:38px;} .order-login .btn-wrap {width:100%} .order-login .btn-wrap .btn01 {margin-top:15px; line-height:2.5em;} .order-login .login-info {text-align:left;} #notice-password .layer-content {padding:118px 20px 108px;} #notice-agree .layer-content {left:5%; margin-left:0;} /* 주문내역 상세 */ .order-status {padding-left:80px} .order-status h6 {left:20px;} .order-status > span {width:100%;} .div-tbl .row:before {display:block; width:130px;} .div-tbl .div-th, .div-tbl .div-td {float:left; display:block; border-top:1px solid #f2f2f2;} .div-tbl .col-2 .div-th, .div-tbl .col-4 .div-th {width:130px; text-align:left;} .div-tbl .col-2 .div-td, .div-tbl .col-4 .div-td {width:calc(100% - 130px); padding-left:10px;} .order-wrap .tbl-long .col-th {width:130px; text-align:left;} .pay-tip {position:relative; top:auto; right:auto; margin-top:5px;} input[name="order-bank-name"] {width:100%} .shipAddr span {display:block; margin-left:0;} .shipAddrNew input {width:100%;} /* 상품설명 */ .b2b-product-table-wrap .b2b-product-table:first-child col:last-child, .b2b-product-table-wrap .b2b-product-table:first-child th:last-child, .b2b-product-table-wrap .b2b-product-table:first-child td:last-child {display:none;} .b2b-product-table-wrap .b2b-product-table + .b2b-product-table {display:block;} /* 문의하기 */ .order-wrap .tbl-long .order-contact-view-table .col-th {width:85px;} .order-contact-view-table input[type="text"], .order-contact-view-table textarea {width:100%;} /* FAQ */ .faq-tab ul li {width:50%; text-align:center;} /* 공지사항 */ .notice-header {padding-right:10px;} .notice-header p {position:static; top:auto; right:auto; margin-top:10px} .div-tbl-wide a {display:block;} .bottom-list-table col:last-child, .bottom-list-table td:last-child {display:none;} .order-notice-view .btn-wrap {margin-top:20px} .order-wrap .alm-btn-wrap button {width:300px;} /* 비밀번호 변경 */ #order-password .row_inner_wrapper {width:480px !important} #order-password .order-wrap {margin-top:48px;} .pwd-wrap ul li:first-child label {width:auto;} .pwd-wrap ul li:first-child span {display:inline-block; float:right;} .pwd-wrap ul li ~ li label, .pwd-wrap ul li input {width:100%;} .pwd-help {top:73px; width:100%;} .pwd-help.on {top:78px;} /* DOWNLOAD */ .download .themify_builder_20_row.module_row_0.module_row {padding-top:10% !important;} .download .sub_row_inner_wrapper .col4-1 { width:100% !important; } .pobierz { width:480px; } .pobierz img { max-width:300px; } /* 문의하기 */ .contact-left img {width:120px;} .contact-right .contact-name select {color:#323232; background-color:#fff;} .contact-left .contact-info {padding:20px 0;} /* 코딩선생님 */ .coding-teacher .btn-wrap div {text-align:center;} .coding-teacher .image-top.mobile img {width:180px;} body:not(.themify_builder_active) .sub_row_inner_wrapper > .sub_column.teacher-right {display:none;} .themify_builder .module_row_13-0.module_row.coding-teacher {padding-bottom:1px;} /* ERROR PAGE */ body[class^="error"] .wrapper { background-size:80%; } /* TEACHING AIDS */ .extra .uno-detres { width:70%; } .wymagania .row_inner { margin-left:80px; margin-right:80px; } .mobile-atope .themify_builder_sub_row { padding-left:0px; padding-right:0px; } /* 레이어팝업 */ .layer-pop:before {display:block;} .layer-content {top:70px; max-width:90%;} #notice-agree .layer-content {top:70px; max-width:100%;} } /*------------------------------------*\ MINI [<480px] \*------------------------------------*/ @media only screen and ( max-width: 479px) { /* 공통 */ .title-up { width:100%; margin:0;} .title-up h4 {display:none;} .themify_builder .module_row.fullheight .row_inner_wrapper, .themify_builder .module_row.fullheight .row_inner_wrapper, .extra { width:100% !important; } .themify_builder .themify_builder_sub_row.main-enter { width:380px !important; } /* MAIN */ .enter-head img { width:50% !important; } .enter-box img { width:70% !important; } .top-bar { height:48px; } main { padding-top:33px; } .home main { margin-top:0px; } .podstrona-title { width:100%; } /* NEW HOME */ .treediv { display:none; } .tree .bgsand { background-color:transparent; } .bordersand { border:none } /* HOME */ body.home { overflow:visible; } .gohome, .goedu { margin:44px auto 0px; width:250px; } .niebo { margin-top:-8vh; } .gotitle { margin:14vh auto 0; width:100vw; } .gotitle div { float:initial; } .enterbox { width:95vw; max-width:440px; } .flags-home { padding-top:0px; } .boxborder.bgg { background-color:transparent; } .boxborder.bgg:hover { background-color:rgba(255,255,255,0.2); } /* 상품개요 */ .o-txt-o { width:100%; margin:0 auto !important; } .no.supercentrado { left:0%; top:0%; transform:none; } .themify_builder .row_inner_wrapper, .themify_builder .themify_builder_sub_row { width:auto !important; margin:auto; } .sub_row_inner_wrapper .col4-1 { width:100% !important; } .ico-sco {transform:translatey(0);} .about-the-game .sub_row_inner_wrapper>div:last-child h5 {margin-top:40px;} /* 사용하기 */ .pozawymagania { background-color:#fff; } .wymagania { padding-left:22px !important; padding-right:22px !important; } /* 구매하기 */ .buy01 .desktop_device, .buy01-labyrinth .desktop_device {display:none;} .buy01 .small_size_device, .buy01-labyrinth .small_size_device {display:block;} .buy { width:100%; height:200px; } .buy img { max-width:80%; } .buy-wrap .buy-info-right h5 {padding-left:0; text-align:center;} /* 미로대탐험 */ .buy-info-right input[type='radio'] + label ~ label {margin-left:7px;} .btn-tab input[type='radio'] + label ~ label {margin-left:0;} .buy01-labyrinth .img_area img {width:100%;} /* 구매하기 추가 */ .buy-wrap {margin-bottom:0;} .buy01 .mobile-padding, .buy01-labyrinth .mobile-padding {padding-left:0 !important; padding-right:0 !important;} .buy-info {margin-bottom:20px;} .buy-bottom {padding: 0 20px;} .buy-bottom .btn-tab {display:block; text-align:center;} .buy-bottom .btn-tab input[type='radio'] + label {font-size:18px;} /* 구매하기 - 주문결제 */ .buy02 .tbl-wide th:nth-child(2) {width:20%;} .buy02 .tbl-wide th:nth-child(3) {width:32%;} .buy02 .tbl-wide th, .buy02 .tbl-wide td {padding:12px 4px;} .buy02 .buy-wrap .input-number input {width:40px; padding-right:4px;} .buy02 .input-number .number-arrow {width:26px;} .tbl-address div.order-phone select, .tbl-address div.order-phone input {width:31%;} .tbl-address div.order-address input {width:50%;} /* 주문내역 확인 */ .buy-login .buy-wrap {margin:40px auto;} .order-step ol li img {width:80%;} /* B2B 대량구매 */ .order-login .title-up {margin-top:40px} .order-wrap {margin-top:15px;} /* 주문내역 연락처 */ .shipPhoneNew input {max-width:48px; padding-left:5px;} /* 비밀번호 변경 */ #order-password .order-wrap {margin-top:15px; padding-top:0;} #order-password .buy-wrap {margin-bottom:0;} #order-password .row_inner_wrapper {width:100% !important} /* FAQ */ .faq h5, .faq h7, .faq p { margin:auto 0 33px; } .faq h6 { margin:0px 0 30px; } .faq .akapit h6 { margin-left:0; margin-right:0; text-align:left; letter-spacing:-1px;} .faq .row_inner_wrapper { margin-left:0px; margin-right:0px; padding-left:20px; padding-right:20px; width:auto !important; } #widget-6-0-0-9 p {font-size:11pt;} .faq .footer p {margin-bottom:0;} /* 문의하기 */ .contact-form .col4-2 { width:100% !important; } .contact-form input, .contact-form .your-name input, .contact-form .your-email input, .contact-form select, .contact-form .wpcf7-submit { width:100%; margin:40px auto 0px; } .contact-form .wpcf7-textarea { padding:10px; } .contact .themify_builder .module_row_18-0.module_row {padding-bottom:0;} /* DOWNLOAD */ .pobierz { width:100%; height:150px; } .pobierz img { width:80%; } /* ERROR PAGE */ body[class^="error"] .wrapper { background-size:90%; } /* TEACHING AIDS */ .extra .uno-detres { width:90%; } /* FOOTER */ .footer { height:auto; } .footer-left { margin-top:30px; margin-bottom:20px; } .footer-left img { margin:0px; } .sub-banner .video_area.img_con img {width:200px;} } /*------------------------------------*\ MENU \*------------------------------------*/ @media only screen and ( max-width: 1159px) { .nav li a {padding:23px 0.5em;} .header-b2b .nav li a {padding:23px 1.1em;} .nav .sub-menu li a {padding:7px 16px} } /*------------------------------------*\ NAVIGATORS \*------------------------------------*/ /* MOZILLA FIREFOX */ @-moz-document url-prefix() { .home .row_inner_wrapper { margin-top:150px !important; } .buyedu.home .row_inner_wrapper { margin-top:0px !important; } .buyedu { padding-bottom:0px; } .row_inner_wrapper { margin-top:-40px !important; } .cuerpo { margin-top:-20px !important; } .podstrona-title h4 { -webkit-margin-after:0px !important; } .themify_builder div[id^="widget"] { padding-top:1px !important; } .themify_builder div[id^="widget"].flags-home { padding-top:200px !important; } .sub_row_inner_wrapper { margin-top:0px !important; } .top-icon.txt { top:-76px !important; } body, p, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, ul, li, .h7 { font-weight:normal; } .content-pobierz .nomobile { padding-top:168px; } .wymagania h1 { margin-top:77px; } .buyedu { padding-bottom:40px; } /* title */ .title-up { margin:27px auto 95px; } .title-icon { top:82px; } /* NEW HOME */ .login h1 a { background-image: url('../img/logo.png'); } .treediv { margin-left:0px; } .nav-mobile .sub-menu { background-image:url('../html5blank/images/arrow.png'); } } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone {margin:5px 20px 20px 0;} .aligncenter, div.aligncenter {display:block; margin:5px auto 5px auto;} .alignright {float:right; margin:5px 0 20px 20px;} .alignleft {float:left; margin:5px 20px 20px 0;} a img.alignright {float:right; margin:5px 0 20px 20px;} a img.alignnone {margin:5px 20px 20px 0;} a img.alignleft {float:left; margin:5px 20px 20px 0;} a img.aligncenter {display:block; margin-left:auto; margin-right:auto;} .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone {margin:5px 20px 20px 0;} .wp-caption.alignleft {margin:5px 20px 20px 0;} .wp-caption.alignright {margin:5px 0 20px 20px;} .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;} .sticky {} .bypostauthor {} /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited {text-decoration:underline;} a[href]:after {content:" (" attr(href) ")";} abbr[title]:after {content:" (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";} pre,blockquote {border:1px solid #999; page-break-inside:avoid;} thead {display:table-header-group;} tr,img {page-break-inside:avoid;} img {max-width:100% !important;} @page {margin:0.5cm;} p, h2, h3 {orphans:3; widows:3;} h2, h3 {page-break-after:avoid;} }