@charset "utf-8"; html,body {height:100%;} img {max-width:100%;} @media all and (min-width:1025px){ #header {position:absolute;left:0;top:0;width:100%;z-index:200;padding:0 30px;transition:0.3s;} #header .inner {position:relative;height:110px;} #header .logo {position:absolute;left:50%;top:50%;margin:-26.5px 0 0 -74.5px;} #header .logo a {display:block;width:149px;height:53px;text-indent:-9999px;background:url(../images/logo-black.png) no-repeat 50% 50%;background-size:contain;} #header .mnu {position:absolute;left:0;top:50%;margin-top:-20px;width:40px;height:40px;background:url(../images/ico-menu-black.png) no-repeat 50% 50%;border:none;color:#000;} #header .mnu span {display:block;display:block;font-size:10px;font-family:arial,sans-serif;position:absolute;left:6px;top:36px;} #header .mnb {position:absolute;left:70px;top:50%;margin-top:-13px;font-size:0;} #header .mnb li {display:inline-block;vertical-align:top;position:relative;} #header .mnb li ~ li {margin-left:8px;padding-left:9px;} #header .mnb li ~ li:before {content:"";display:block;width:2px;height:2px;border-radius:50%;background:#333;position:absolute;left:0;top:50%;margin-top:-1px;} #header .mnb li a {display:block;font-size:18px;color:#333;letter-spacing:-0.05em;height:26px;line-height:26px;} #header .mnb li a:hover {color:#fe2f2f !important;} #header .mcr {position:absolute;right:0;top:50%;margin-top:-15.5px;font-size:0;} #header .mcr li {display:inline-block;vertical-align:top;} #header .mcr li ~ li {margin-left:24px;} #header .mcr li a {display:block;width:27px;height:31px;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;position:relative;} #header .mcr .sch a {background-image:url(../images/ico-tnb1-black.png);} #header .mcr .mypage a {background-image:url(../images/ico-tnb2-black.png);} #header .mcr .cart a {background-image:url(../images/ico-tnb3-black.png);} #header .mcr .cart a em {display:block;width:19px;height:19px;line-height:19px;text-align:center;border-radius:50%;color:#fff;background:#ff0000;position:absolute;bottom:2px;left:50%;font-size:12px;text-indent:0;} #header .lang {position:absolute;right:155px;top:50%;margin-top:-13px;} #header .lang > span {cursor:pointer;font-size:14px;color:#888;display:block;position:relative;padding-right:15px;height:26px;line-height:26px;} #header .lang > span:before {content:"\f107";position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;} #header .lang ul {position:absolute;left:50%;top:100%;width:78px;margin-left:-39px;background:#eeeded;border-radius:5px;text-align:center;padding:10px 0;display:none;} #header .lang ul:before {content:"";border:6px solid transparent;border-bottom:6px solid #eeeded;display:block;height:0;width:0;left:50%;margin-left:-6px;position:absolute;bottom:100%;} #header .lang ul li a {display:block;padding:5px 0;font-size:14px;color:#999;} #header .lang ul li a:hover {color:#000;} #header .lang:hover > span {color:#000;} #header .lang:hover ul {display:block;} #header .tnb {position:absolute;right:225px;font-size:0;top:50%;margin-top:-13px;} #header .tnb li {display:inline-block;} #header .tnb li ~ li {margin-left:25px;} #header .tnb li a {display:block;height:26px;line-height:26px;font-size:14px;color:#888;letter-spacing:-0.05em;} #header:hover {background:#000;} #header:hover .logo a {background-image:url(../images/logo-white.png);} #header:hover .mnu span {color:#fff;} #header:hover .mcr .sch a {background-image:url(../images/ico-tnb1-white.png);} #header:hover .mcr .mypage a {background-image:url(../images/ico-tnb2-white.png);} #header:hover .mcr .cart a {background-image:url(../images/ico-tnb3-white.png);} #header:hover .mnu {background-image:url(../images/ico-menu-white.png);} #header:hover .mnb li ~ li:before {background:#fff;} #header:hover .mnb li a, #header:hover .lang > span, #header:hover .tnb li a {color:#fff;} #wrap.sub {padding-top:110px;} .sub #header {border-bottom:1px solid #ebebeb;} } @media all and (max-width:1540px) and (min-width:1025px){ #header .mnb {left:60px;} #header .mnb li a {font-size:16px;letter-spacing:-0.075em;} } @media all and (max-width:1400px) and (min-width:1025px){ #header .logo {left:0;margin-left:0;} #header .mcr {top:15px;margin-top:0;} #header .tnb, #header .lang {top:18px;margin-top:0;} #header .mnu {left:auto;right:0;margin-top:0;top:54px;} #header .mnb {left:auto;right:60px;margin-top:0;top:62px;} #header .mnb li a {font-size:18px;} } @media all and (max-width:1024px){ #header {position:fixed;left:0;top:0;background:#fff;box-shadow:0 0 1px 1px rgba(0,0,0,0.15);z-index:200;width:100%;height:55px;} #header .logo {position:absolute;left:15px;top:50%;margin:-18px 0 0 0;} #header .logo a {display:block;width:90px;height:36px;background:url(../images/logo-black.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;} #header .mnb, #header .lang, #header .mypage, #header .cart, #header .tnb {display:none;} #header .mnu {position:absolute;right:10px;top:50%;margin-top:-16px;width:32px;height:32px;text-indent:-9999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 4h18v2H3V4zm6 7h12v2H9v-2zm-6 7h18v2H3v-2z'/%3E%3C/svg%3E") no-repeat 50% 50%;border:none;} #header .sch {position:absolute;right:45px;top:50%;margin-top:-16px;width:32px;height:32px;text-indent:-9999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z'/%3E%3C/svg%3E") no-repeat 50% 50%;border:none;cursor:pointer;} } #sch {position:absolute;left:0;top:0;width:100%;z-index:300;background:#fff;font-size:0;display:none;box-shadow:0 1px 1px rgba(0,0,0,0.15);} #sch .inner {height:110px;padding-top:26px;position:relative;max-width:1400px;margin:0 auto;} #sch h2 {position:absolute;left:0;top:50%;margin-top:-22px;} #sch h2 a {display:block;width:124px;height:44px;text-indent:-9999px;background:url(../images/logo-black.png) no-repeat 50% 50%;background-size:contain;} #sch .close {width:40px;height:40px;border:none;text-indent:-9999px;background:url(../images/ico-close.png) no-repeat 50% 50%;position:absolute;right:0;top:50%;margin-top:-20px;} #sch .area {max-width:760px;margin:0 auto;border-bottom:3px solid #000;position:relative;} #sch .area input[type='text'] {display:block;width:100%;height:50px;font-size:17px;font-weight:300;padding-left:60px;border:none;background:none;letter-spacing:-0.025em;} #sch .area button {background:url(../images/ico-tnb1-black.png) no-repeat 50% 50%;width:40px;height:40px;position:absolute;left:0;top:50%;margin-top:-20px;text-indent:-9999px;border:none;} .schOn #sch {display:block;} @media all and (max-width:1024px){ #sch {top:55px;border-top:1px solid #ddd;border-bottom:2px solid #000;} #sch .inner {height:auto;padding:0;} #sch h2 {display:none;} #sch .close {display:none;} #sch .area {max-width:100%;border-bottom:none;} #sch .area button {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z'/%3E%3C/svg%3E");width:32px;height:32px;left:auto;right:10px;margin-top:-16px;} #sch .area input[type='text'] {padding-left:15px;font-size:16px;} .schOn #header .sch {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z'/%3E%3C/svg%3E");} } @media all and (min-width:1025px){ #nav {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;background:#fff;text-align:center;font-size:0;white-space:nowrap;padding:0 60px;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;} #nav::-webkit-scrollbar {display:none;} #nav:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} #nav .close {background:url(../images/ico-close.png) no-repeat 50% 50%;width:40px;height:40px;position:absolute;left:30px;top:35px;text-indent:-9999px;border:none;} #nav .inner {width:1600px;max-width:100%;margin:0 auto;display:inline-block;vertical-align:middle;text-align:left;white-space:normal;} #nav .inner:after {content:'';display:block;clear:both;} #nav .wrap {display:table;width:100%;table-layout:fixed;} #nav .wrap > * {display:table-cell;vertical-align:middle;} #nav .gnb {padding-right:10px;} #nav .gnb > li {position:relative;padding-left:27px;} #nav .gnb > li:before {content:"01";position:absolute;left:0;top:5px;font-size:14px;font-weight:500;} #nav .gnb > li:nth-child(2):before {content:"02";} #nav .gnb > li:nth-child(3):before {content:"03";} #nav .gnb > li:nth-child(4):before {content:"04";} #nav .gnb > li > a {display:inline-block;font-size:50px;color:#333;font-weight:bold;letter-spacing:-0.05em;line-height:1;} #nav .gnb > li ~ li {margin-top:50px;} #nav .gnb > li > ul {margin-top:13px;} #nav .gnb > li > ul > li {display:inline-block;vertical-align:top;margin-right:25px;} #nav .gnb > li > ul > li:last-child {margin-right:0;} #nav .gnb > li > ul > li > a {display:block;font-size:18px;letter-spacing:-0.075em;} #nav .slogan {padding-left:10px;} #nav .slogan {width:33.75%;text-align:right;border-left:1px solid #ddd;font-family:'Nanum Myeongjo',serif;} #nav .slogan dt {font-size:50px;line-height:1.1;color:#333;} #nav .slogan dt span {letter-spacing:-0.05em;display:block;} #nav .slogan dt span:first-child {margin-right:160px;} #nav .slogan dd {font-size:15px;color:#999;line-height:1.6;margin-top:15px;} #nav .slogan p {margin-top:115px;letter-spacing:-0.05em;} #nav .slogan p span {display:inline-block;width:351px;height:125px;background:url(../images/nav-logo.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;text-align:left;} .navOn #nav {display:block;} } @media all and (max-width:1340px) and (min-width:1025px){ #nav {padding:0 30px;} #nav .gnb > li > a {font-size:45px;} #nav .gnb > li > ul > li {margin-right:15px;} #nav .gnb > li > ul > li > a {font-size:16px;} #nav .slogan dt {font-size:45px;} #nav .slogan dt span:first-child {margin-right:115px;} #nav .slogan p span {width:260px;height:90px;} } @media all and (max-width:1024px){ #wrap {padding-top:55px;} #nav {border-top:1px solid #ddd;display:none;position:fixed;left:0;top:55px;width:100%;height:calc(100% - 55px);z-index:2000;background:#fff;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;} #nav::-webkit-scrollbar {display:none;} #nav .close, #nav .slogan {display:none;} #nav .tnb {display:flex;border-bottom:1px solid #ddd;background:#f3f3f3;} #nav .tnb li {flex-grow:1;width:0;} #nav .tnb li ~ li {border-left:1px solid #ddd;} #nav .tnb li a {display:flex;position:relative;justify-content:center;align-items:center;text-align:center;height:34px;font-size:14px;} #nav .tnb li a span {letter-spacing:-0.05em;} #nav .tnb .mypage, #nav .tnb .cart {width:45px;flex-grow:inherit;} #nav .tnb .mypage a span, #nav .tnb .cart a span {display:none;} #nav .tnb .mypage a {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z'/%3E%3C/svg%3E") no-repeat 50% 50%;} #nav .tnb .cart a {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 16V4H2V2h3a1 1 0 0 1 1 1v12h12.438l2-8H8V5h13.72a1 1 0 0 1 .97 1.243l-2.5 10a1 1 0 0 1-.97.757H5a1 1 0 0 1-1-1zm2 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E") no-repeat 50% 50%;} #nav .tnb .cart a em {display:block;width:16px;height:16px;line-height:16px;left:50%;margin-left:2px;font-size:10px;top:3px;text-align:center;border-radius:50%;color:#fff;background:#ff0000;position:absolute;text-indent:0;} #nav .gnb > li {border-bottom:1px solid #ddd;} #nav .gnb > li > a {display:block;padding:15px;font-size:18px;color:#000;letter-spacing:-0.05em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 10px center;} #nav .gnb > li > ul {border-top:1px solid #ddd;background:#f3f3f3;padding:15px 0;display:none;} #nav .gnb > li > ul > li > a {display:block;font-size:16px;padding:5px 15px;letter-spacing:-0.05em;} #nav .gnb > li.active > a {color:#fe2f2f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z'/%3E%3C/svg%3E");} #nav .gnb > li.active > ul {display:block;} #nav .lang {text-align:center;margin-top:20px;font-size:0;} #nav .lang li {display:inline-block;vertical-align:top;position:relative;} #nav .lang li ~ li {margin-left:9px;padding-left:10px;} #nav .lang li ~ li:before {content:"";display:block;width:1px;height:12px;background:#ddd;position:absolute;left:0;top:50%;margin-top:-6px;} #nav .lang li a {display:block;font-size:14px;} .navOn #nav {display:block;} .navOn #header .mnu {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z'/%3E%3C/svg%3E");} } #quick {position:fixed;right:30px;bottom:100px;transition:0.3s;transform:translate3d(0,30px,0);opacity:0;z-index:500;} #quick.show {opacity:1;transform:translate3d(0,0,0);} #quick a {display:block;width:64px;height:64px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;text-align:center;color:#ffff;font-size:12px;padding-top:45px;letter-spacing:-0.075em;} #quick a ~ a {margin-top:4px;} #quick .quick1 {background-image:url(../images/quick1.png);} #quick .quick2 {background-image:url(../images/quick2.png);} #quick .quick3 {background-image:url(../images/quick3.png);} #quick .quick4 {background-image:url(../images/quick4.png);} @media all and (max-width:1024px){ #quick {right:20px;bottom:20px;} #quick a {width:45px;height:45px;font-size:11px;padding-top:29px;border-radius:5px;} #quick a ~ a {margin-top:4px;} } #footer .head {background:#120b19;padding:0 10px;font-size:0;} #footer .head .inner {max-width:1280px;margin:0 auto;position:relative;} #footer .head .fnb li {display:inline-block;vertical-align:top;position:relative;} #footer .head .fnb li ~ li {margin-left:14px;padding-left:15px;} #footer .head .fnb li ~ li:before {content:"";display:block;width:1px;height:14px;position:absolute;left:0;top:50%;margin-top:-7px;background:#7a7b7b;} #footer .head .fnb li a {display:block;height:54px;line-height:54px;color:rgba(255,255,255,0.52);font-size:15px;} #footer .head .link {position:absolute;right:0;top:11px;} #footer .head .link li {display:inline-block;vertical-align:top;} #footer .head .link li ~ li {margin-left:6px;} #footer .head .link li a {display:block;background:#fff;width:106px;height:32px;line-height:30px;text-align:center;border:1px solid #dbdbdb;font-size:14px;color:#6d6e6e;letter-spacing:-0.05em;} #footer .foot {padding:0 10px;} #footer .foot .inner {max-width:1280px;margin:0 auto;} #footer .foot .wrap {display:table;width:100%;} #footer .foot .wrap > div {display:table-cell;} #footer .foot .lef {padding:30px 0;} #footer .foot .lef h2 {display:inline-block;width:149px;height:53px;background:url(../images/logo-black.png) no-repeat 50% 50%;text-indent:-9999px;background-size:contain;} #footer .foot .lef .area {display:table;width:100%;margin-top:20px;} #footer .foot .lef .area dl {display:table-row;} #footer .foot .lef .area dl > * {display:table-cell;vertical-align:top;font-size:14px;color:#858585;padding:6px 0;} #footer .foot .lef .area dl dt {width:120px;} #footer .foot .lef .area dl dt ~ dt {width:130px;} #footer .foot .lef .area dl dd {padding-right:10px;} #footer .foot .rig {padding:45px 0 30px;text-align:right;width:30%;} #footer .foot .rig dl {font-family:'gmarket',sans-serif;} #footer .foot .rig dl dt {display:inline-block;font-size:14px;color:#888;border-top:1px solid #a1a1a1;padding-top:8px;} #footer .foot .rig dl dd {margin-top:15px;font-size:38px;color:#333;font-weight:900;letter-spacing:-0.025em;} #footer .foot .rig ul {margin-top:17px;} #footer .foot .rig ul li {font-size:14px;color:#888;} #footer .foot .rig ul li ~ li {margin-top:13px;} #footer .foot .rig p {text-align:right;margin-top:12px;} #footer .foot .copy {font-size:13px;color:#575757;margin-top:-50px;} @media all and (max-width:1200px){ #footer .foot .rig {width:25%;} } @media all and (max-width:1024px){ #gotop {right:20px;bottom:30px;width:35px;height:35px;background-size:contain;} #footer .head {text-align:center;padding:20px 0;} #footer .head .fnb li ~ li {margin-left:7px;padding-left:8px;} #footer .head .fnb li ~ li:before {height:10px;margin-top:-5px;} #footer .head .fnb li a {height:22px;line-height:22px;font-size:13px;letter-spacing:-0.05em;} #footer .head .link {position:relative;top:0;margin-top:10px;} #footer .head .link li ~ li {margin-left:5px;} #footer .head .link li a {width:90px;height:24px;line-height:22px;font-size:13px;letter-spacing:-0.05em;} #footer .foot {padding:25px 10px;text-align:center;} #footer .foot .wrap {display:block;} #footer .foot .wrap > div {display:block;} #footer .foot .lef {padding:0;} #footer .foot .lef h2 {width:90px;height:35px;display:block;margin:0 auto;} #footer .foot .lef .area {display:block;margin:15px auto 0;max-width:360px;} #footer .foot .lef .area dl {display:block;font-size:0;} #footer .foot .lef .area dl > * {display:inline-block;vertical-align:top;font-size:12px;padding:0;white-space:normal;line-height:1.4em;margin-bottom:5px;} #footer .foot .lef .area dl dt {width:100px !important;letter-spacing:-0.075em;color:#333;text-align:right;} #footer .foot .lef .area dl dd {width:calc(100% - 100px);padding-left:10px;text-align:left;} #footer .foot .rig {border-left:none;padding:0;margin-top:25px;text-align:center;width:auto;} #footer .foot .rig dl dd {margin-top:10px;font-size:30px;} #footer .foot .rig ul li {display:inline-block;margin:0 5px 5px !important;font-size:13px;} #footer .foot .rig p {text-align:center;margin-top:15px;} #footer .foot .rig p img {width:40px;} #footer .foot .copy {font-size:12px;margin-top:20px;} } #login {background:#f8f8f8;height:100%;text-align:center;padding:20px;overflow:auto;font-size:0;white-space:normal;} #login:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} #login .inner {display:inline-block;vertical-align:middle;width:520px;max-width:100%;white-space:normal;} #login .form {border:1px solid #dcdcdc;padding:70px 40px 90px;background:#fff;} #login .form h1 {font-size:36px;color:#333;font-weight:500;letter-spacing:-0.05em;} #login .form .inp {margin-top:60px;} #login .form .inp li {border-bottom:1px solid #dcdcdc;} #login .form .inp li input {display:block;width:100%;height:58px;font-size:16px;letter-spacing:-0.05em;border:none;font-weight:300;color:#333;} #login .form .lab {text-align:left;margin-top:25px;} #login .form .lab label {display:inline-block;position:relative;padding-left:27px;} #login .form .lab label i {display:block;width:20px;height:20px;border:1px solid #c4c4c4;position:absolute;left:0;top:50%;margin-top:-10px;} #login .form .lab label i:before {content:"\e116";position:absolute;left:0;top:2px;font-family:axicon;color:#fff;display:none;} #login .form .lab label input {position:absolute;left:-9999px;top:0;} #login .form .lab label span {font-size:15px;color:#333;letter-spacing:-0.05em;} #login .form .lab label input:checked ~ i {background:#000;} #login .form .lab label input:checked ~ i:before {display:block;} #login .form .btn {margin-top:40px;} #login .form .btn button {display:block;width:100%;height:50px;border-radius:25px;color:#fff;background:#4d4d4d;font-size:20px;font-weight:300;border:none;} #login .form .fj {display:table;width:100%;margin-top:25px;} #login .form .fj li {display:table-cell;vertical-align:middle;padding:0 25px;text-align:left;} #login .form .fj li ~ li {text-align:right;} #login .form .fj li a {font-size:14px;font-weight:300;color:#000;border-bottom:1px solid #000;letter-spacing:-0.05em;} #login .foot {margin-top:65px;} #login .foot h2 {display:inline-block;width:105px;height:37px;text-align:left;background:url(../images/login-logo.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;} #login .foot ul {margin-top:17px;font-size:0;} #login .foot ul li {display:inline-block;vertical-align:top;position:relative;} #login .foot ul li ~ li {margin-left:10px;padding-left:11px;} #login .foot ul li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#c6c6c6;} #login .foot ul li a {display:block;font-size:14px;font-weight:300;} #login .foot p {margin-top:13px;color:#9f9f9f;font-size:13px;} @media all and (max-width:1024px){ #login .form {padding:30px 20px;} #login .form h1 {font-size:28px;letter-spacing:-0.075em;} #login .form .inp {margin-top:30px;} #login .form .inp li input {height:40px;font-size:14px;} #login .form .lab {margin-top:20px;} #login .form .lab label {padding-left:24px;} #login .form .lab label i {width:16px;height:16px;margin-top:-8px;} #login .form .lab label i:before {top:0px;font-size:13px;} #login .form .lab label span {font-size:14px;} #login .form .btn {margin-top:25px;} #login .form .btn button {height:40px;border-radius:20px;font-size:16px;} #login .form .fj {margin-top:15px;} #login .form .fj li {padding:0 10px;} #login .form .fj li a {font-size:13px;} #login .foot {margin-top:30px;} #login .foot h2 {background-image:url(../images/nav-logo.png);} #login .foot ul {margin-top:15px;} #login .foot ul li a {font-size:13px;} #login .foot p {margin-top:12px;} } #navi {border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;padding:0 15px;font-size:0;} #navi .inner {max-width:1400px;margin:0 auto;font-size:0;height:54px;} #navi .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} #navi .inner > li {display:inline-block;vertical-align:middle;font-size:14px;color:#999;position:relative;letter-spacing:-0.05em;} #navi .inner > li:last-child {color:#333;} #navi .inner > li:first-child {padding-left:22px;} #navi .inner > li:first-child:before {content:"\e6c3";display:block;position:absolute;left:0;top:50%;margin-top:-0.5em;line-height:1;font-family:axicon;color:#333;} #navi .inner > li ~ li {margin-left:8px;padding-left:12px;} #navi .inner > li ~ li:before {content:"\f105";display:block;position:absolute;left:0;top:50%;margin-top:-0.5em;line-height:1;font-family:axicon;color:#777;} #navi .inner > li ul {display:none;} #sub {padding:60px 15px 100px;} #sub > .inner {max-width:1400px;margin:0 auto;} #sub > .inner:after {content:'';display:block;clear:both;} #lnb {float:left;width:200px;} #lnb .tit {margin-bottom:30px;} #lnb .tit h2 {font-size:38px;color:#000;font-weight:bold;letter-spacing:-0.05em;} #lnb .lnb > li > a {display:block;font-size:16px;letter-spacing:-0.05em;line-height:1.3;padding:5px 0;color:#777;} #lnb .lnb > li.active > a {color:#000;font-weight:500;} #snb {float:left;width:200px;} #snb .tit {border-bottom:3px solid #222;color:#000;min-height:50px;margin-bottom:30px;padding-bottom:7px;} #snb .tit h2 span {font-size:22px;letter-spacing:-0.075em;font-weight:normal;display:inline-block;vertical-align:top;margin-right:5px;line-height:1.3;} #snb .tit h2 strong {font-family:'gmarket',sans-serif;font-weight:bold;letter-spacing:-0.075em;font-size:36px;display:inline-block;vertical-align:top;} #snb .snb > li > a {display:block;border-bottom:1px solid #dfdfdf;padding:15px 30px 15px 0;line-height:1.3;position:relative;font-size:16px;color:#000;letter-spacing:-0.05em;} #snb .snb > li > a:before {content:"\f107";position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1;font-size:26px;color:#666;font-family:axicon;} #snb .snb > li > ul {padding:10px 0 15px;display:none;} #snb .snb > li > ul > li > a {display:block;padding:5px 15px;line-height:1.3;font-size:14px;letter-spacing:-0.05em;color:#999;} #snb .snb > .active > a:before {content:"\f106";} #snb .snb > .active > ul {display:block;} #snb .snb > li > ul > .active > a {color:#000;} #tit {padding-bottom:15px;margin-bottom:50px;border-bottom:1px solid #999;} #tit h3 {font-size:24px;color:#000;font-weight:500;letter-spacing:-0.05em;} #lnb ~ #con {float:right;width:calc(100% - 222px);} #snb ~ #con {float:right;width:1110px;} #snb ~ #con #tit {padding-bottom:0;height:50px;margin-bottom:30px;border-bottom:3px solid #222;} #snb ~ #con #tit h3 {font-size:35px;color:#000;font-weight:bold;letter-spacing:-0.05em;} .__snb {font-size:0;margin-bottom:40px;} .__snb li {display:inline-block;vertical-align:top;margin-right:10px;} .__snb li a {display:block;height:37px;line-height:35px;border-radius:18.5px;padding:0 17px;font-size:14px;color:#000;letter-spacing:-0.075em;border:1px solid #b2b2b2;} .__snb li:hover a, .__snb li.active a {background:#202425;border-color:#202425;color:#fff;} @media all and (min-width:1025px){ #sub.member {padding-top:85px;} } @media all and (max-width:1400px){ #lnb {width:16%;} #snb {width:14.2%;} #lnb ~ #con {width:82%;} #snb ~ #con {width:82%;} #snb .snb > li > ul > li > a {padding:3px 0;} } @media all and (max-width:1024px){ #sub {padding:20px 15px;} #navi {padding:10px;position:relative;z-index:150;} #navi .inner {display:flex;height:auto;align-items:center;} #navi .inner:after {display:block;} #navi .inner > li {font-size:13px;} #navi .inner > li:first-child {padding-left:0;} #navi .inner > li:first-child:before {content:"\e6c3";display:block;position:relative;top:0;margin-top:0;font-size:18px;} #navi .inner > li:first-child > span {display:none;} #navi .inner > li ~ li {margin-left:6px;padding-left:10px;width:0;flex-grow:1;} #navi .inner > li ~ li:before {content:"\f105";display:block;position:absolute;left:0;top:50%;margin-top:-0.5em;line-height:1;font-family:axicon;color:#777;} #navi .inner > li ~ li > span {display:block;height:30px;line-height:28px;border:1px solid #ccc;padding:0 17px 0 7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 3px center;color:#333;} #navi .inner > li ul {display:none;position:absolute;left:12px;width:calc(100% - 12px);top:100%;border:1px solid #ccc;border-top:none;background:#fff;z-index:180;padding:10px 0;} #navi .inner > li ul li a {display:block;padding:3px 7px;letter-spacing:-0.05em;} #navi .inner > li.active span {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z'/%3E%3C/svg%3E");} #navi .inner > li.active ul {display:block;} #lnb {display:none;} #lnb ~ #con {float:none;width:auto;} #snb {display:none;} #snb ~ #con {float:none;width:auto;} #tit {padding-bottom:7px !important;margin-bottom:20px !important;height:auto !important;border-bottom:1px solid #ccc !important;} #tit h3 {font-size:24px !important;font-weight:normal !important;} .__snb {margin-bottom:15px;display:flex;flex-wrap:wrap;} .__snb li {margin-right:0;margin-bottom:-1px;} .__snb li ~ li {margin-left:-1px;} .__snb li a {height:30px;line-height:28px;border-radius:0;padding:0 8px;font-size:13px;display:flex;align-items:center;justify-content:center;} } #nnb {background:#000;padding:0 15px;} #nnb .inner {max-width:1400px;margin:0 auto;position:relative;} #nnb h2 {color:#fff;height:68px;line-height:68px;font-size:24px;font-weight:500;} #nnb ul {position:absolute;right:0;top:0;white-space:nowrap;font-size:0;} #nnb ul li {display:inline-block;position:relative;margin-right:25px;padding-right:26px;} #nnb ul li:before {content:"";display:block;width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;background:#333;} #nnb ul li:last-child {margin-right:0;padding-right:0;} #nnb ul li:last-child:before {display:none;} #nnb ul li a {display:block;padding:0 8px;font-size:16px;color:#858585;font-weight:300;letter-spacing:-0.05em;position:relative;height:68px;line-height:68px;} #nnb ul .active a {color:#fff;} #nnb ul .active a:before {content:"";top:50%;margin-top:14px;} #tit2 {text-align:center;margin-top:70px;padding:0 15px;} #tit2 h3 {font-size:60px;font-weight:bold;color:#000;} #tit2 .tab {margin-top:25px;font-size:0;text-align:center;} #tit2 .tab a {display:inline-block;height:38px;line-height:36px;border-radius:19px;border:1px solid #b2b2b2;padding:0 20px;margin:0 5px;background:#fff;font-size:13px;color:#000;letter-spacing:-0.05em;} #tit2 .tab .active {background:#202425;border-color:#202425;color:#fff;} @media all and (max-width:1024px){ #nnb {display:none;} #tit2 {margin-top:30px;} #tit2 h3 {font-size:30px;} #tit2 .tab {margin-top:15px;display:flex;} #tit2 .tab a {height:38px;line-height:36px;border-radius:0;border:1px solid #b2b2b2;padding:0;margin:0;flex-grow:1;} #tit2 .tab a ~ a {border-left:none;} } #artVis {position:relative;} #artVis .vis {height:816px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;} #artVis .vis .flt {position:absolute;left:0;bottom:0;width:100%;padding:0 1px 1px;} #artVis .vis .flt a {display:block;max-width:844px;margin:0 auto;padding:23px 35px 20px;background:#fff;position:relative;} #artVis .vis .flt a:before {content:"";display:block;width:36px;height:24px;background:url(../images/ico-vis-arr.png) no-repeat 50% 50%;background-size:contain;position:absolute;right:35px;top:50%;margin-top:-12px;} #artVis .vis .flt a dl dt {font-size:16px;color:#000;} #artVis .vis .flt a dl dd {line-height:1.3;margin-top:13px;} #artVis .vis .flt a dl dd strong {font-size:24px;color:#000;font-weight:bold;display:inline-block;vertical-align:middle;margin-right:10px;} #artVis .vis .flt a dl dd span {color:#919191;font-size:14px;display:inline-block;vertical-align:middle;} #artVis button {width:50px;height:50px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;top:50%;margin-top:-25px;border:none;font-size:24px;color:#fff;position:absolute;z-index:10;} #artVis .prev {left:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E%0A");} #artVis .next {right:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");} #artSpecial {margin-top:100px;} #artSpecial .tit {text-align:center;margin-bottom:70px;} #artSpecial .tit h3 {font-size:60px;font-weight:bold;color:#000;letter-spacing:-0.075em;} #artSpecial .tit p {font-size:20px;color:#777;letter-spacing:0.2em;margin-top:10px;font-family:'Nanum Myeongjo',serif;} #artSpecial .sec {background:url(../images/bg-art-special.png) no-repeat 50% 50%;background-size:cover;padding:0 15px;} #artSpecial .sec .inner {max-width:1400px;margin:0 auto;position:relative;display:flex;align-items:center;} #artSpecial .sec dl {width:100%;} #artSpecial .sec dl dt {font-size:24px;line-height:1.5;color:#333;letter-spacing:-0.025em;} #artSpecial .sec dl dd {font-size:16px;line-height:1.85;margin-top:30px;letter-spacing:-0.025em;} #artPhoto {margin-top:100px;} #artPhoto .tit {text-align:center;margin-bottom:85px;} #artPhoto .tit h3 {font-size:60px;font-weight:bold;color:#000;letter-spacing:-0.075em;} #artPhoto .sec .box {width:1020px;} #artPhoto .sec .box span {display:block;padding-top:56.764705%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:20px;} #artPhoto button {width:50px;height:50px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;top:50%;margin-top:-25px;border:none;font-size:24px;color:#fff;position:absolute;z-index:10;} #artPhoto .prev {right:50%;margin-right:540px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' fill='rgba(0,0,0,1)'/%3E%3C/svg%3E%0A");} #artPhoto .next {left:50%;margin-left:540px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' fill='rgba(0,0,0,1)'/%3E%3C/svg%3E");} #artNews {margin-top:140px;padding:0 15px;} #artNews .inner {max-width:1400px;margin:0 auto;} #artNews .tit {text-align:center;margin-bottom:45px;} #artNews .tit h3 {font-size:60px;font-weight:bold;color:#000;letter-spacing:-0.075em;} #artCal {margin-top:100px;padding:0 15px;} #artCal .inner {max-width:1400px;margin:0 auto;} #artMap {margin-top:120px;padding:0 15px 80px;} #artMap .inner {max-width:1400px;margin:0 auto;} #artMap .root_daum_roughmap {width:100% !important;} #artMap .wrap_map {height:700px !important;} #artMap .wrap_controllers {display:none;} #artMap .info {margin-top:50px;} #artMap .info:after {content:"";display:block;clear:both;} #artMap .info .box {display:flex;line-height:1.8;} #artMap .info .box:nth-child(1) {float:left;width:800px;} #artMap .info .box:nth-child(2) {float:right;width:580px;} #artMap .info .box h4 {font-size:20px;color:#000;font-weight:500;margin-right:20px} #artMap .info .box .area {width:0;flex-grow:1;} #artMap .info .box .area ul li {display:inline-block;vertical-align:top;font-weight:300;color:#000;font-size:16px;position:relative;margin-right:10px;padding-right:11px;} #artMap .info .box .area ul li:before {content:"";display:block;width:1px;height:14px;background:#7f7f7f;position:absolute;right:0;top:5px;} #artMap .info .box .area ul li:last-child {padding-right:0;margin-right:0;} #artMap .info .box .area ul li:last-child:before {display:none;} #artMap .info .box .area dl {display:table;width:100%;table-layout:fixed;} #artMap .info .box .area dl > * {display:table-cell;font-size:16px;} #artMap .info .box .area dl dt {width:60px;color:#333;} #artMap .info .box .area dl dd {font-weight:300;} #artMap2 {margin-top:0px;padding:0 0px 0px;} #artMap2 .inner {max-width:1400px;margin:0 auto;} #artMap2 .root_daum_roughmap {width:100% !important;} #artMap2 .wrap_map {height:700px !important;} #artMap2 .wrap_controllers {display:none;} #artMap2 .info {margin-top:50px;} #artMap2 .info:after {content:"";display:block;clear:both;} #artMap2 .info .box {display:flex;line-height:1.8;} #artMap2 .info .box:nth-child(1) {float:left;width:580px;} #artMap2 .info .box:nth-child(2) {float:right;width:580px;} #artMap2 .info .box h4 {font-size:20px;color:#000;font-weight:500;margin-right:20px} #artMap2 .info .box .area {width:0;flex-grow:1;} #artMap2 .info .box .area ul li {display:inline-block;vertical-align:top;font-weight:300;color:#000;font-size:16px;position:relative;margin-right:10px;padding-right:11px;} #artMap2 .info .box .area ul li:before {content:"";display:block;width:1px;height:14px;background:#7f7f7f;position:absolute;right:0;top:5px;} #artMap2 .info .box .area ul li:last-child {padding-right:0;margin-right:0;} #artMap2 .info .box .area ul li:last-child:before {display:none;} #artMap2 .info .box .area dl {display:table;width:100%;table-layout:fixed;} #artMap2 .info .box .area dl > * {display:table-cell;font-size:16px;} #artMap2 .info .box .area dl dt {width:60px;color:#333;} #artMap2 .info .box .area dl dd {font-weight:300;} #artMain {position:relative;} #artMain .vis {background-repeat:no-repeat;background-position:100% 50%;background-size:cover;padding:0 20px;background-color:#000;} #artMain button {width:50px;height:50px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;top:50%;margin-top:-25px;border:none;font-size:24px;color:#fff;position:absolute;z-index:10;} #artMain .prev {left:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E%0A");} #artMain .next {right:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");} #artMain .inner {max-width:1400px;margin:0 auto;} #artMain .area {height:544px;display:flex;} #artMain .area > div {height:100%;} #artMain .info {width:420px;display:flex;align-items:center;} #artMain .info h4 {font-size:30px;line-height:1.2;letter-spacing:-0.05em;color:#fff;margin-bottom:20px;font-weight:normal;} #artMain .info h3 {font-size:50px;font-weight:600;line-height:1.2;letter-spacing:-0.05em;color:#fff;margin-bottom:20px;font-weight:normal;} #artMain .info .tbl {width:100%;table-layout:fixed;display:table;border-top:2px solid #fff;} #artMain .info .tbl dl {display:table-row;} #artMain .info .tbl dl > * {display:table-cell;vertical-align:middle;border-bottom:1px solid rgba(255,2552,255,0.3);padding:8px;font-size:14px;line-height:1.4;color:#fff;} #artMain .info .tbl dl dt {width:105px;} #artMain .img {flex-grow:1;width:0;display:flex;align-items:center;justify-content:flex-end;} #artMain .img a {display:inline-block;} #artMain .img a img {display:block;} #artMain .img a span {display:block;height:50px;line-height:50px;color:#fff;text-align:center;font-size:14px;font-weight:500;background:#f00075;} @media all and (max-width:1440px){ #artMap .info .box:nth-child(1) {float:none;width:auto;} #artMap .info .box:nth-child(2) {float:none;width:auto;margin-top:15px;} #artMap2 .info .box:nth-child(1) {float:none;width:auto;} #artMap2 .info .box:nth-child(2) {float:none;width:auto;margin-top:15px;} } @media all and (max-width:1200px){ #artPhoto .prev {right:auto;left:40px;margin-right:0;} #artPhoto .next {left:auto;right:40px;margin-left:0;} } @media all and (max-width:1024px){ #artVis .vis {height:0;padding-top:60%;} #artVis button {width:40px;height:40px;margin-top:-20px;background-size:20px auto;} #artVis .prev {left:0;} #artVis .next {right:0;} #artVis .vis .flt {padding:0;} #artVis .vis .flt a {padding:10px 15px 7px;background:rgba(255,255,255,0.8);} #artVis .vis .flt a:before {width:24px;height:18px;right:20px;margin-top:-9px;} #artVis .vis .flt a dl dt {font-size:13px;} #artVis .vis .flt a dl dd {margin-top:5px;} #artVis .vis .flt a dl dd strong {font-size:16px;margin-right:0;display:block;} #artVis .vis .flt a dl dd span {display:block;font-size:12px;margin-top:3px;} #artSpecial {margin-top:50px;} #artSpecial .tit {margin-bottom:20px;} #artSpecial .tit h3 {font-size:28px;} #artSpecial .tit p {font-size:14px;margin-top:10px;} #artSpecial .sec {padding:0 15px;position:relative;} #artSpecial .sec:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.3);} #artSpecial .sec .inner {height:auto;padding:20px 0;} #artSpecial .sec dl dt {font-size:18px;line-height:1.45;} #artSpecial .sec dl dd {font-size:14px;line-height:1.45;margin-top:15px;} #artPhoto {margin-top:50px;} #artPhoto .tit {margin-bottom:20px;} #artPhoto .tit h3 {font-size:28px;} #artPhoto .sec .box {width:auto;} #artPhoto .sec .box span {border-radius:10px;} #artPhoto button {width:40px;height:40px;margin-top:-20px;background-size:20px auto;} #artPhoto .prev {left:0;} #artPhoto .next {right:0;} #artNews {margin-top:50px;} #artNews .tit {margin-bottom:20px;} #artNews .tit h3 {font-size:28px;} #artCal {margin-top:50px;padding:0 15px;} #artMap {margin-top:50px;padding:0 15px 40px;} #artMap .wrap_map {height:250px !important;} #artMap .info {margin-top:20px;} #artMap .info .box {display:block;line-height:1.45;} #artMap .info .box h4 {font-size:16px;margin-right:20px} #artMap .info .box .area {width:auto;margin-top:5px;} #artMap .info .box .area dl dd {font-weight:300;} #artMap .info .box .area ul li {display:block;margin-right:0;padding-right:0;} #artMap .info .box .area ul li:before {display:none;} #artMap .info .box .area ul li, #artMap .info .box .area dl > * {font-size:13px;} #artMap .info .box .area dl dt {width:50px;} #artMap2 {margin-top:0px;padding:0 0px 0px;} #artMap2 .wrap_map {height:250px !important;} #artMap2 .info {margin-top:20px;} #artMap2 .info .box {display:block;line-height:1.45;} #artMap2 .info .box h4 {font-size:16px;margin-right:20px} #artMap2 .info .box .area {width:auto;margin-top:5px;} #artMap2 .info .box .area dl dd {font-weight:300;} #artMap2 .info .box .area ul li {display:block;margin-right:0;padding-right:0;} #artMap2 .info .box .area ul li:before {display:none;} #artMap2 .info .box .area ul li, #artMap2 .info .box .area dl > * {font-size:13px;} #artMap2 .info .box .area dl dt {width:50px;} #artMain button {width:40px;height:40px;margin-top:-20px;background-size:20px auto;} #artMain .vis {position:relative;} #artMain .vis:before {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);} #artMain .inner {position:relative;z-index:10;} #artMain .prev {left:0;} #artMain .next {right:0;} #artMain .area {height:auto;padding:30px 0;display:block;} #artMain .area > div {height:auto;} #artMain .info {width:auto;} #artMain .info h4 {font-size:18px;margin-bottom:15px;} #artMain .info .tbl dl > * {padding:5px;font-size:13px;} #artMain .info .tbl dl dt {width:90px;} #artMain .img {width:auto;display:block;text-align:center;margin-top:30px;} #artMain .img a span {height:40px;line-height:40px;} } #diVis {position:relative;background:url(../images/divis-bg.jpg) no-repeat 50% 0;background-size:cover;} #diVis .inner {height:816px;max-width:1400px;margin:0 auto;font-size:0;white-space:nowrap;position:relative;} #diVis .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} #diVis dl {display:inline-block;vertical-align:middle;position:relative;z-index:10;white-space:normal;} #diVis dl dt {} #diVis dl dd {font-size:16px;line-height:1.85;letter-spacing:-0.025em;margin-top:90px;} #diVis .img {position:absolute;right:68px;bottom:0;} #diVis .img span {display:block;width:606px;height:683px;background-repeat:no-repeat;background-size:contain;} #diVis2 {position:relative;background:url(../images/divis-bg2.jpg) no-repeat 50% 0;background-size:cover;} #diVis2 .inner {height:816px;max-width:1400px;margin:0 auto;font-size:0;white-space:nowrap;position:relative;} #diVis2 .txt {position:absolute;left:0;top:330px;font-family:'Nanum Myeongjo',serif;font-size:18px;color:#000;letter-spacing:0.3em;width:100%;text-align:center;} #diVis2 .logo {position:absolute;right:0;bottom:190px;} #diFlow {padding:120px 15px 140px;overflow:hidden;} #diFlow .inner {max-width:1400px;margin:0 auto;} #diFlow .head {margin:0 -32px;font-size:0;} #diFlow .head .box {width:16.666666%;padding:0 32px;display:inline-block;vertical-align:top;} #diFlow .head .box .in {box-shadow:10px 10px 10px rgba(0,0,0,0.3);} #diFlow .txt {margin-top:120px;display:table;width:100%;table-layout:fixed;} #diFlow .txt > div {display:table-cell;vertical-align:top;} #diFlow .txt .lef {width:40%;font-size:48px;font-weight:500;letter-spacing:-0.05em;color:#000;letter-spacing:-0.075em;} #diFlow .txt .rig dl dt {font-size:30px;line-height:1.3;color:#000;font-weight:300;} #diFlow .txt .rig dl dd {font-size:16px;line-height:1.85;margin-top:45px;} #diFlow2 {padding:110px 15px 120px;overflow:hidden;} #diFlow2 .inner {max-width:1400px;margin:0 auto;} #diFlow2 .txt {display:table;width:100%;table-layout:fixed;} #diFlow2 .txt > div {display:table-cell;vertical-align:top;} #diFlow2 .txt .lef {width:47%;font-size:60px;font-weight:300;letter-spacing:-0.05em;color:#000;line-height:1.1;} #diFlow2 .txt .lef p ~ p {margin-top:15px;} #diFlow2 .txt .rig dl dt {font-size:24px;line-height:1.5;color:#000;font-weight:300;} #diFlow2 .txt .rig dl dd {font-size:16px;line-height:1.85;margin-top:55px;} #diSlo {position:relative;padding:120px 15px 0;} #diSlo:before {content:"";display:block;height:780px;position:absolute;left:0;top:0;width:100%;background:#f5f5f5;} #diSlo .inner {max-width:1400px;margin:0 auto;position:relative;z-index:10;} #diSlo .tbl {display:table;width:100%;table-layout:fixed;} #diSlo .tbl > div {display:table-cell;vertical-align:middle;} #diSlo .tbl .lef {width:51.42857%;} #diSlo .tbl .rig {padding-left:90px;} #diSlo .tbl .rig dl dt {font-size:48px;font-weight:bold;line-height:1.15;color:#000;letter-spacing:-0.025em;} #diSlo .tbl .rig dl dd {font-size:16px;line-height:1.85;margin-top:30px;letter-spacing:-0.025em;} #diInf {padding:130px 15px 200px;} #diInf .inner {max-width:1400px;margin:0 auto;} #diInf h3 {font-size:48px;font-weight:500;color:#000;letter-spacing:-0.05em;margin-bottom:60px;} #diInf .area {display:flex;position:relative;} #diInf .area > div {flex-grow:1;width:0;} #diInf .area .lef {padding-right:35px;} #diInf .area .rig {padding-left:35px;} #diInf .area h4 {font-size:30px;font-weight:300;color:#000;letter-spacing:-0.03em;margin-bottom:35px;} #diInf .area h4 ~ h4 {margin-top:80px;} #diInf .area h4 strong {font-weight:500;} #diInf .area .acc dl dt {font-size:16px;color:#000;letter-spacing:-0.025em;} #diInf .area .acc dl dd {font-size:18px;color:#000;} #diInf .area .acc dl dd strong {font-size:36px;font-weight:500;} #diInf .area .acc dl dd em {display:inline-block;margin-right:15px;} #diInf .area .acc dl dd span {color:#666;} #diInf .area .dot li {font-size:14px;line-height:2.1;padding-left:0.8em;position:relative;} #diInf .area .dot li:before {content:"-";position:absolute;left:0;top:0;} #diInf .area .__btn1 {position:absolute;left:0;bottom:0;} #diAft {padding:0 15px 110px;} #diAft .inner {max-width:1400px;margin:0 auto;} #diAft h3 {text-align:center;font-size:48px;font-weight:500;color:#000;letter-spacing:-0.05em;border-bottom:2px solid #000;padding-bottom:35px;margin-bottom:60px;} #diRea {background:url(../images/direa-bg.jpg) no-repeat 50% 0;background-size:cover;padding:0 15px;} #diRea .inner {max-width:1400px;margin:0 auto;padding-top:115px;height:780px;position:relative;text-align:center;} #diRea .book {text-align:center;box-shadow:-30px 30px 30px rgba(0,0,0,0.3);display:inline-block;} #diRea .lef, #diRea .rig {position:absolute;top:0;height:100%;width:calc(50% - 260px);font-size:0;text-align:left;} #diRea .lef:after, #diRea .rig:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} #diRea .lef {left:0;} #diRea .rig {right:0;} #diRea .lef ul, #diRea .rig ul {display:inline-block;vertical-align:middle;line-height:1.65;font-family:'Nanum Myeongjo',serif;letter-spacing:-0.025em;font-size:18px;color:#000;} @media all and (max-width:1024px){ #diVis {padding:50px 15px 0;} #diVis .inner {height:auto;} #diVis dl dt img {width:200px;} #diVis dl dd {font-size:14px;line-height:1.6;margin-top:20px;} #diVis .img {position:relative;right:auto;margin-top:20px;} #diVis .img span {width:auto;height:auto;padding-top:112%;} #diVis2 .inner {height:auto;padding-top:70%;white-space:normal;} #diVis2 .txt {top:40%;font-size:16px;line-height:1.5;letter-spacing:0;} #diVis2 .logo {right:15px;bottom:auto;top:15px;} #diVis2 .logo img {width:196px;} #diFlow {padding:30px 15px;} #diFlow .head {margin:0 -10px -20px;} #diFlow .head .box {width:33.333333%;padding:0 10px;margin-bottom:20px;} #diFlow .head .box .in {box-shadow:5px 5px 5px rgba(0,0,0,0.3);} #diFlow .head .box img {display:block;width:100%;} #diFlow .txt {margin-top:40px;display:block;} #diFlow .txt > div {display:block;} #diFlow .txt .lef {width:auto;font-size:24px;} #diFlow .txt .rig {margin-top:20px;} #diFlow .txt .rig dl dt {font-size:16px;} #diFlow .txt .rig dl dd {font-size:14px;line-height:1.5;margin-top:15px;} #diFlow2 {padding:30px 15px;} #diFlow2 .txt {display:block;} #diFlow2 .txt > div {display:block;} #diFlow2 .txt .lef {width:auto;font-size:24px;} #diFlow2 .txt .lef p ~ p {margin-top:10px;} #diFlow2 .txt .rig {margin-top:30px;} #diFlow2 .txt .rig dl dt {font-size:18px;line-height:1.4;} #diFlow2 .txt .rig dl dd {font-size:14px;line-height:1.5;margin-top:15px;} #diSlo {padding:40px 15px 0;} #diSlo:before {height:40%;} #diSlo .tbl {display:block;} #diSlo .tbl > div {display:block;} #diSlo .tbl .lef {width:auto;} #diSlo .tbl .rig {padding-left:0;margin-top:30px;} #diSlo .tbl .rig dl dt {font-size:20px;line-height:1.3;} #diSlo .tbl .rig dl dd {font-size:14px;line-height:1.5;margin-top:15px;} #diInf {padding:40px 15px;} #diInf h3 {font-size:24px;margin-bottom:20px;} #diInf .area {display:block;} #diInf .area > div {width:auto;} #diInf .area .lef {padding-right:0;} #diInf .area .rig {padding-left:0;margin-top:30px;} #diInf .area h4 {font-size:18px;margin-bottom:15px;} #diInf .area h4 ~ h4 {margin-top:30px;} #diInf .area .acc dl dt {font-size:13px;margin-bottom:5px;} #diInf .area .acc dl dd {font-size:14px;} #diInf .area .acc dl dd strong {font-size:18px;} #diInf .area .acc dl dd em {margin-right:10px;} #diInf .area .dot li {font-size:13px;line-height:1.5;} #diInf .area .__btn1 {position:relative;margin-top:20px;} #diAft {padding:0 15px 40px;} #diAft h3 {font-size:24px;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:20px;} #diRea {padding:30px 15px;} #diRea .inner {padding-top:0;height:auto;} #diRea .lef, #diRea .rig {position:relative;height:auto;width:auto;} #diRea .lef:after, #diRea .rig:after {display:none;} #diRea .lef ul, #diRea .rig ul {display:block;line-height:1.5;font-size:15px;} #diRea .book {margin:30px;box-shadow:-10px 10px 10px rgba(0,0,0,0.3);} } #art {padding:90px 15px 110px;} /*#art .inner {max-width:1400px;margin:0 auto;}*/ #art .inner {max-width:1700px;margin:0 auto;} #art .sec ~ .sec {margin-top:100px;} #art .tit {text-align:center;margin-bottom:50px;} #art .tit h3 {font-size:54px;font-weight:bold;color:#000;letter-spacing:-0.05em;} #art .tit p {font-size:24px;color:#000;font-family:'Nanum Myeongjo',serif;margin-top:15px;line-height:1.4;letter-spacing:-0.1em;} #art .center {margin:0 -12.5px;} #art .center:after {content:'';display:block;clear:both;} /*#art .center .box {float:left;width:33.333333%;padding:0 12.5px;}*/ /*#art .center .box {float:left;width:50%;padding:0 12.5px;}*/ #art .center .box { float: left; width: 50%; padding: 0 6px; } #art .center .in {display:block;position:relative;} #art .center .img {border-radius:15px;overflow:hidden;} #art .center .img img {display:block;width:100%;} #art .center .info {position:relative;padding:23px 20px 0;} #art .center .cate {font-size:16px;font-weight:300;color:#000;margin-bottom:7px;} #art .center .subject {font-size:24px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;font-weight:500;} #art .center .sum {margin-top:23px;font-size:15px;line-height:1.6;max-height:4.8em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:300;} #art .center .logo {margin-top:65px;} #art .gal {position:relative;text-align:center;} //#art .gal .big {display:inline-block;width:48.42857%;border-radius:20px;overflow:hidden;} #art .gal .big { display: inline-block; width: 1680px; height: 780px; border-radius: 20px; overflow: hidden; } #art .gal .box {position:absolute;width:23.571428%;} #art .gal .box .in {padding-top:100%;border-radius:20px;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;display:block;} #art .gal .box .flt {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;padding:0 10px;} #art .gal .box .flt dl {width:100%;color:#000;} #art .gal .box .flt dl dt {font-size:30px;line-height:1.1;font-family:'Nanum Myeongjo',serif;letter-spacing:-0.05em;} #art .gal .box .flt dl dd {font-size:16px;line-height:1.5;margin-top:25px;} #art .gal .box .flt2 {position:absolute;left:0;top:17%;width:100%;display:flex;align-items:center;padding:0 10px;} #art .gal .box .flt2 dl {width:100%;color:#000;} #art .gal .box .flt2 dl dt {font-size:24px;line-height:1.1;font-weight:100;} #art .gal .box .flt2 dl dd {font-size:16px;line-height:1.5;margin-top:10px;} #art .gal .box1 {left:0;top:0;} #art .gal .box2 {left:0;bottom:0;} #art .gal .box3 {right:0;top:0;} #art .gal .box4 {right:0;bottom:0;} #pub {background:#e8e8e8;padding:120px 15px 140px;} #pub .inner {max-width:1400px;margin:0 auto;position:relative;} #pub .tit {position:absolute;left:0;top:0;width:216px;} #pub .tit h3 {font-size:20px;font-weight:300;color:#333;} #pub .tit .tab {margin-top:35px;} #pub .tit .tab button {display:block;border:none;background:none;position:relative;text-align:left;color:#aaa;position:relative;width:100%;} #pub .tit .tab button span {background:#e8e8e8;font-size:14px;display:inline-block;position:relative;z-index:10;padding-right:10px;} #pub .tit .tab button ~ button {margin-top:30px;} #pub .tit .tab .active {color:#333;} #pub .tit .tab .active:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#000;} #pub .sec {margin-left:39.285714%;} #pub .sec .area {display:none;width:100%;table-layout:fixed;} #pub .sec .area.active {display:flex;} #pub .sec .area .book {width:300px;} #pub .sec .area .book span {display:inline-block;box-shadow:5px 5px 10px rgba(0,0,0,0.3);} #pub .sec .area .book img {display:block;} #pub .sec .area .info {padding:125px 0 0 50px;width:0;flex-grow:1;} #pub .sec .area .info .sum {margin-bottom:7px;font-size:14px;color:#777;font-weight:500;letter-spacing:-0.05em;} #pub .sec .area .info .desc {font-size:14px;line-height:1.7;margin-top:40px;color:#777;} #pub .sec .area .info .btn {margin-top:45px;} #pub .sec .area .info .btn a {color:#777;} #pub .sec .area .info .btn a > * {display:inline-block;vertical-align:middle;} #pub .sec .area .info .btn a span {margin-right:15px;} #book {padding:145px 15px;overflow:hidden;} #book .inner {max-width:1400px;margin:0 auto;} #book .sec ~ .sec {margin-top:120px;} #book h3 {text-align:center;} #book h3 > * {display:inline-block;vertical-align:top;} #book h3 span {font-size:30px;color:#000;letter-spacing:-0.05em;margin-right:5px;font-weight:normal;letter-spacing:-0.05em;} #book h3 strong {font-size:48px;color:#000;font-family:'gmarket',sans-serif;} #book .ca {padding-left:120px;margin:40px 0 70px;position:relative;} #book .ca .mon {position:absolute;left:0;top:50%;margin-top:-29px;width:100px;text-align:center;} #book .ca .mon strong {display:block;font-size:40px;font-weight:bold;color:#000;font-family:'gmarket',sans-serif;} #book .ca .mon span {font-size:18px;color:#b6b6b6;font-weight:500;} #book .ca .mon button {position:absolute;top:50%;line-height:1;margin-top:-12px;border:none;background:none;color:#8c8a8a;font-size:24px;} #book .ca .mon .prev {left:0;text-align:left;} #book .ca .mon .next {right:0;text-align:right;} #book .ca .date {font-family:'gmarket',sans-serif;display:flex;justify-content:space-between;} #book .ca .date li {text-align:center;} #book .ca .date li a {font-size:18px;color:#b0afaf;border:1px solid transparent;letter-spacing:-0.05em;font-weight:500;width:40px;height:40px;display:flex;align-items:center;border-radius:50%;justify-content:center;} #book .ca .date li span {display:inline-block;border-bottom:1px solid transparent;} #book .ca .date .active a {color:#000;border-color:#000;} #book .ca .date .active span {border-bottom-color:#000;} #book .tab {text-align:center;margin:35px 0 55px;font-size:0;} #book .tab button {display:inline-block;width:110px;height:38px;border-radius:19px;border:1px solid #b2b2b2;text-align:center;background:#fff;color:#000;font-size:14px;margin:0 5px;} #book .tab .active {color:#fff;background:#000;border-color:#000;} #book .area {display:none;position:relative;} #book .area.active {display:block;} #book .area .prev, #book .area .next {width:24px;height:43px;text-indent:-9999px;top:50%;margin-top:-21.5px;border:none;position:absolute;transition:0.3s;z-index:50;} #book .area .prev {background:url(../images/book-prev.png) no-repeat 50% 50%;background-size:contain;left:-35px;} #book .area .next {background:url(../images/book-next.png) no-repeat 50% 50%;background-size:contain;right:-35px;} #book .area .swiper-button-disabled {opacity:0.2;} #book .area .__box {width:15.35%;} #book .pdt {margin:0 -40.5px;font-size:0;position:relative;} #book .pdt .__box {display:inline-block;vertical-align:top;width:20%;padding:0 40.5px;} #book_lecture {padding:60px 15px;overflow:hidden;} #book_lecture .inner {max-width:1400px;margin:0 auto;} #book_lecture .sec ~ .sec {margin-top:120px;} #book_lecture h3 {text-align:center;} #book_lecture h3 > * {display:inline-block;vertical-align:top;} #book_lecture h3 span {font-size:30px;color:#000;letter-spacing:-0.05em;margin-right:5px;font-weight:normal;letter-spacing:-0.05em;} #book_lecture h3 strong {font-size:48px;color:#000;font-family:'gmarket',sans-serif;} #book_lecture .ca {padding-left:120px;margin:40px 0 70px;position:relative;} #book_lecture .ca .mon {position:absolute;left:0;top:50%;margin-top:-29px;width:100px;text-align:center;} #book_lecture .ca .mon strong {display:block;font-size:40px;font-weight:bold;color:#000;font-family:'gmarket',sans-serif;} #book_lecture .ca .mon span {font-size:18px;color:#b6b6b6;font-weight:500;} #book_lecture .ca .mon button {position:absolute;top:50%;line-height:1;margin-top:-12px;border:none;background:none;color:#8c8a8a;font-size:24px;} #book_lecture .ca .mon .prev {left:0;text-align:left;} #book_lecture .ca .mon .next {right:0;text-align:right;} #book_lecture .ca .date {font-family:'gmarket',sans-serif;display:flex;justify-content:space-between;} #book_lecture .ca .date li {text-align:center;} #book_lecture .ca .date li a {font-size:18px;color:#b0afaf;border:1px solid transparent;letter-spacing:-0.05em;font-weight:500;width:40px;height:40px;display:flex;align-items:center;border-radius:50%;justify-content:center;} #book_lecture .ca .date li span {display:inline-block;border-bottom:1px solid transparent;} #book_lecture .ca .date .active a {color:#000;border-color:#000;} #book_lecture .ca .date .active span {border-bottom-color:#000;} #book_lecture .tab {text-align:center;margin:35px 0 55px;font-size:0;} #book_lecture .tab button {display:inline-block;width:110px;height:38px;border-radius:19px;border:1px solid #b2b2b2;text-align:center;background:#fff;color:#000;font-size:14px;margin:0 5px;} #book_lecture .tab .active {color:#fff;background:#000;border-color:#000;} #book_lecture .area {display:none;position:relative;} #book_lecture .area.active {display:block;} #book_lecture .area .prev, #book_lecture .area .next {width:24px;height:43px;text-indent:-9999px;top:50%;margin-top:-21.5px;border:none;position:absolute;transition:0.3s;z-index:50;} #book_lecture .area .prev {background:url(../images/book-prev.png) no-repeat 50% 50%;background-size:contain;left:-35px;} #book_lecture .area .next {background:url(../images/book-next.png) no-repeat 50% 50%;background-size:contain;right:-35px;} #book_lecture .area .swiper-button-disabled {opacity:0.2;} #book_lecture .area .__box {width:15.35%;} #book_lecture .pdt {margin:0 -40.5px;font-size:0;position:relative;} #book_lecture .pdt .__box {display:inline-block;vertical-align:top;width:20%;padding:0 40.5px;} #book_lecture2 {padding:60px 15px;overflow:hidden;} #book_lecture2 .inner {max-width:1400px;margin:0 auto;} #book_lecture2 .sec ~ .sec {margin-top:120px;} #book_lecture2 h3 {text-align:center;} #book_lecture2 h3 > * {display:inline-block;vertical-align:top;} #book_lecture2 h3 span {font-size:30px;color:#000;letter-spacing:-0.05em;margin-right:5px;font-weight:normal;letter-spacing:-0.05em;} #book_lecture2 h3 strong {font-size:48px;color:#000;font-family:'gmarket',sans-serif;} #book_lecture2 .ca {padding-left:120px;margin:40px 0 70px;position:relative;} #book_lecture2 .ca .mon {position:absolute;left:0;top:50%;margin-top:-29px;width:100px;text-align:center;} #book_lecture2 .ca .mon strong {display:block;font-size:40px;font-weight:bold;color:#000;font-family:'gmarket',sans-serif;} #book_lecture2 .ca .mon span {font-size:18px;color:#b6b6b6;font-weight:500;} #book_lecture2 .ca .mon button {position:absolute;top:50%;line-height:1;margin-top:-12px;border:none;background:none;color:#8c8a8a;font-size:24px;} #book_lecture2 .ca .mon .prev {left:0;text-align:left;} #book_lecture2 .ca .mon .next {right:0;text-align:right;} #book_lecture2 .ca .date {font-family:'gmarket',sans-serif;display:flex;justify-content:space-between;} #book_lecture2 .ca .date li {text-align:center;} #book_lecture2 .ca .date li a {font-size:18px;color:#b0afaf;border:1px solid transparent;letter-spacing:-0.05em;font-weight:500;width:40px;height:40px;display:flex;align-items:center;border-radius:50%;justify-content:center;} #book_lecture2 .ca .date li span {display:inline-block;border-bottom:1px solid transparent;} #book_lecture2 .ca .date .active a {color:#000;border-color:#000;} #book_lecture2 .ca .date .active span {border-bottom-color:#000;} #book_lecture2 .tab {text-align:center;margin:35px 0 55px;font-size:0;} #book_lecture2 .tab button {display:inline-block;width:110px;height:38px;border-radius:19px;border:1px solid #b2b2b2;text-align:center;background:#fff;color:#000;font-size:14px;margin:0 5px;} #book_lecture2 .tab .active {color:#fff;background:#000;border-color:#000;} #book_lecture2 .area {display:none;position:relative;} #book_lecture2 .area.active {display:block;} #book_lecture2 .area .prev, #book_lecture2 .area .next {width:24px;height:43px;text-indent:-9999px;top:50%;margin-top:-21.5px;border:none;position:absolute;transition:0.3s;z-index:50;} #book_lecture2 .area .prev {background:url(../images/book-prev.png) no-repeat 50% 50%;background-size:contain;left:-35px;} #book_lecture2 .area .next {background:url(../images/book-next.png) no-repeat 50% 50%;background-size:contain;right:-35px;} #book_lecture2 .area .swiper-button-disabled {opacity:0.2;} #book_lecture2 .area .__box {width:15.35%;} /*#book_lecture2 .pdt {margin:0 -40.5px;font-size:0;position:relative;}*/ #book_lecture2 .pdt {margin:0 20.5px;font-size:0;position:relative;} #book_lecture2 .pdt .__box {display:inline-block;vertical-align:top;width:25%;padding:0 40.5px;} #book_lecture3 {padding:60px 15px;overflow:hidden;} #book_lecture3 .inner {max-width:1400px;margin:0 auto;} #book_lecture3 .sec ~ .sec {margin-top:120px;} #book_lecture3 h3 {text-align:center;} #book_lecture3 h3 > * {display:inline-block;vertical-align:top;} #book_lecture3 h3 span {font-size:30px;color:#000;letter-spacing:-0.05em;margin-right:5px;font-weight:normal;letter-spacing:-0.05em;} #book_lecture3 h3 strong {font-size:48px;color:#000;font-family:'gmarket',sans-serif;} #book_lecture3 .ca {padding-left:120px;margin:40px 0 70px;position:relative;} #book_lecture3 .ca .mon {position:absolute;left:0;top:50%;margin-top:-29px;width:100px;text-align:center;} #book_lecture3 .ca .mon strong {display:block;font-size:40px;font-weight:bold;color:#000;font-family:'gmarket',sans-serif;} #book_lecture3 .ca .mon span {font-size:18px;color:#b6b6b6;font-weight:500;} #book_lecture3 .ca .mon button {position:absolute;top:50%;line-height:1;margin-top:-12px;border:none;background:none;color:#8c8a8a;font-size:24px;} #book_lecture3 .ca .mon .prev {left:0;text-align:left;} #book_lecture3 .ca .mon .next {right:0;text-align:right;} #book_lecture3 .ca .date {font-family:'gmarket',sans-serif;display:flex;justify-content:space-between;} #book_lecture3 .ca .date li {text-align:center;} #book_lecture3 .ca .date li a {font-size:18px;color:#b0afaf;border:1px solid transparent;letter-spacing:-0.05em;font-weight:500;width:40px;height:40px;display:flex;align-items:center;border-radius:50%;justify-content:center;} #book_lecture3 .ca .date li span {display:inline-block;border-bottom:1px solid transparent;} #book_lecture3 .ca .date .active a {color:#000;border-color:#000;} #book_lecture3 .ca .date .active span {border-bottom-color:#000;} #book_lecture3 .tab {text-align:center;margin:35px 0 55px;font-size:0;} #book_lecture3 .tab button {display:inline-block;width:110px;height:38px;border-radius:19px;border:1px solid #b2b2b2;text-align:center;background:#fff;color:#000;font-size:14px;margin:0 5px;} #book_lecture3 .tab .active {color:#fff;background:#000;border-color:#000;} #book_lecture3 .area {display:none;position:relative;} #book_lecture3 .area.active {display:block;} #book_lecture3 .area .prev, #book_lecture3 .area .next {width:24px;height:43px;text-indent:-9999px;top:50%;margin-top:-21.5px;border:none;position:absolute;transition:0.3s;z-index:50;} #book_lecture3 .area .prev {background:url(../images/book-prev.png) no-repeat 50% 50%;background-size:contain;left:-35px;} #book_lecture3 .area .next {background:url(../images/book-next.png) no-repeat 50% 50%;background-size:contain;right:-35px;} #book_lecture3 .area .swiper-button-disabled {opacity:0.2;} #book_lecture3 .area .__box {width:15.35%;} /*#book_lecture3 .pdt {margin:0 -40.5px;font-size:0;position:relative;}*/ #book_lecture3 .pdt {margin:0 20.5px;font-size:0;position:relative;} #book_lecture3 .pdt .__box2 {display:inline-block;vertical-align:top;width:50%;padding:0 40.5px;} .reserveButton { width: 120px; height: 40px; cursor: pointer; background-color: red; color: white; } #notice {padding:0 15px 135px;} #notice .inner {max-width:1400px;margin:0 auto;} #notice .inner:after {content:"";display:block;clear:both;} #notice .board {width:45%;float:left;} #notice .board .tit {position:relative;} #notice .board .tit h3 {font-size:30px;font-weight:500;color:#000;} #notice .board .tit .more {width:23px;height:23px;display:block;position:absolute;right:0;top:50%;margin-top:-11.5px;background:url(../images/ico-plus.png) no-repeat;text-indent:-9999px;} #notice .board .list {margin-top:30px;} #notice .board .list li ~ li {margin-top:14px;} #notice .board .list li a {display:block;position:relative;padding-right:110px;font-size:16px;} #notice .board .list li a strong {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#000;font-weight:normal;} #notice .board .list li a span {display:block;position:absolute;right:0;top:0;color:#8f8f8f;font-weight:300;} #notice .ban {width:52.857142%;float:right;} #notice .ban .area {font-size:0;margin:0 -10px;} #notice .ban .area .box {display:inline-block;vertical-align:top;width:50%;padding:0 10px;} #notice .ban .area .box a {display:block;} #notice .ban .area .box img {display:block;width:100%;} @media all and (max-width:1570px){ #book .area .prev {left:35px;} #book .area .next {right:35px;} #book_lecture .area .prev {left:35px;} #book_lecture .area .next {right:35px;} #book_lecture2 .area .prev {left:35px;} #book_lecture2 .area .next {right:35px;} #book_lecture3 .area .prev {left:35px;} #book_lecture3 .area .next {right:35px;} } @media all and (max-width:1440px){ #pub .sec {margin-left:0;padding-left:25%;} #pub .sec .area .info {padding:100px 0 0 50px;} #book .ca .date li a {font-size:16px;width:34px;height:34px;} #book_lecture .ca .date li a {font-size:16px;width:34px;height:34px;} #book_lecture2 .ca .date li a {font-size:16px;width:34px;height:34px;} #book_lecture3 .ca .date li a {font-size:16px;width:34px;height:34px;} } @media all and (max-width:1300px){ #book .pdt {margin:0 -20px;} #book .pdt .__box {padding:0 20px;} #book_lecture .pdt {margin:0 -20px;} #book_lecture .pdt .__box {padding:0 20px;} #book_lecture2 .pdt {margin:0 -20px;} #book_lecture2 .pdt .__box {padding:0 20px;} #book_lecture3 .pdt {margin:0 -20px;} #book_lecture3 .pdt .__box {padding:0 20px;} } @media all and (max-width:1220px){ #book .ca .date li a {font-size:13px;width:26px;height:26px;} #book_lecture .ca .date li a {font-size:13px;width:26px;height:26px;} #book_lecture2 .ca .date li a {font-size:13px;width:26px;height:26px;} #book_lecture3 .ca .date li a {font-size:13px;width:26px;height:26px;} } @media all and (max-width:1150px){ #book .pdt {margin:0 -10px;} #book .pdt .__box {padding:0 10px;} #book_lecture .pdt {margin:0 -10px;} #book_lecture .pdt .__box {padding:0 10px;} #book_lecture2 .pdt {margin:0 -10px;} #book_lecture2 .pdt .__box {padding:0 10px;} #book_lecture3 .pdt {margin:0 -10px;} #book_lecture3 .pdt .__box {padding:0 10px;} } @media all and (min-width:1025px){ #book .sec:first-child .pdt .prev, #book .sec:first-child .pdt .next /*{display:none;}*/ #book_lecture .sec:first-child .pdt .prev, #book_lecture .sec:first-child .pdt .next /*{display:none;}*/ #book_lecture2 .sec:first-child .pdt .prev, #book_lecture2 .sec:first-child .pdt .next /*{display:none;}*/ #book_lecture3 .sec:first-child .pdt .prev, #book_lecture3 .sec:first-child .pdt .next /*{display:none;}*/ } @media all and (max-width:1024px){ #art {padding:40px 15px;} #art .sec ~ .sec {margin-top:40px;} #art .tit {margin-bottom:15px;} #art .tit h3 {font-size:28px;} #art .tit p {font-size:16px;margin-top:10px;line-height:1.3;} #art .center {margin:0;} #art .center .box {display:block;width:auto;padding:0;} #art .center .box ~ .box {margin-top:20px;} #art .center .img {border-radius:10px;} #art .center .info {padding:15px 0 0;} #art .center .cate {font-size:13px;margin-bottom:5px;} #art .center .subject {font-size:16px;} #art .center .sum {margin-top:10px;font-size:13px;line-height:1.4;max-height:2.8em;-webkit-line-clamp:2;} #art .center .logo {margin-top:20px;} #art .center .logo img {width:60px;} #art .gal .big {display:block;width:auto;border-radius:10px;} #art .gal .sma {margin:10px -5px -10px;font-size:0;} #art .gal .box {position:relative;width:50%;padding:0 5px;margin-bottom:10px;display:inline-block;vertical-align:top;} #art .gal .box .in {border-radius:10px;} #art .gal .box .flt dl dt {font-size:15px;line-height:1.15;} #art .gal .box .flt dl dd {font-size:12px;line-height:1.3;margin-top:10px;} #art .gal .box .flt2 {} #art .gal .box .flt2 dl dt {font-size:15px;line-height:1.15;} #art .gal .box .flt2 dl dd {font-size:12px;line-height:1.3;margin-top:10px;} #pub {padding:40px 15px;} #pub .tit {position:relative;width:auto;text-align:center;} #pub .tit h3 {font-size:18px;} #pub .tit .tab {margin-top:20px;} #pub .tit .tab button {display:inline-block;width:auto;padding-bottom:5px;} #pub .tit .tab button span {font-size:14px;padding:0;} #pub .tit .tab button ~ button {margin:0 0 0 10px;} #pub .sec {margin:30px 0 0;padding:0;text-align:center;} #pub .sec .area {display:none;} #pub .sec .area.active {display:block;} #pub .sec .area .book {width:auto;max-width:200px;margin:0 auto;} #pub .sec .area .info {padding:0;width:auto;margin-top:20px;} #pub .sec .area .info .sum {font-size:13px;} #pub .sec .area .info .subject img {height:30px;} #pub .sec .area .info .desc {font-size:14px;line-height:1.5;margin-top:20px;} #pub .sec .area .info .btn {margin-top:15px;} #pub .sec .area .info .btn a span {margin-right:10px;} #book {padding:40px 15px;} #book .sec ~ .sec {margin-top:40px;} #book h3 span {font-size:16px;} #book h3 strong {font-size:28px;} #book .ca {padding-left:0;margin:20px 0 20px;text-align:center;} #book .ca .mon {position:relative;top:0;margin-top:0;width:100px;display:inline-block;} #book .ca .mon strong {font-size:24px;} #book .ca .mon span {font-size:14px;} #book .ca .date {display:block;overflow:auto;white-space:nowrap;font-size:0;margin:10px -15px 0;padding:0 15px;} #book .ca .date li {display:inline-block;vertical-align:top;} #book .ca .date li a {font-size:14px;width:24px;height:24px;} #book .tab {margin:15px 0 20px;flex-wrap:wrap;display:flex;box-shadow:inset 0 -1px 0 #b2b2b2,inset 1px 0 0 #b2b2b2;} #book .tab button {width:auto;flex-grow:1;height:30px;border-radius:0;border:1px solid #b2b2b2;font-size:13px;margin:0;padding:0 7px;letter-spacing:-0.05em;margin-top:-1px;border-left:none;border-bottom:none;background:none;} #book .pdt {margin:0 -5px;} #book .pdt .__box {width:50%;padding:0 5px;} #book .area .prev, #book .area .next {width:20px;height:34px;margin-top:-17px;} #book .pdt .prev, #book .pdt .next {width:20px;height:34px;text-indent:-9999px;top:50%;margin-top:-17px;border:none;position:absolute;transition:0.3s;z-index:50;} #book .pdt .prev {background:url(../images/book-prev.png) no-repeat 50% 50%;background-size:contain;left:-5px;} #book .pdt .next {background:url(../images/book-next.png) no-repeat 50% 50%;background-size:contain;right:-5px;} #book_lecture {padding:40px 15px;} #book_lecture .sec ~ .sec {margin-top:40px;} #book_lecture h3 span {font-size:16px;} #book_lecture h3 strong {font-size:28px;} #book_lecture .ca {padding-left:0;margin:20px 0 20px;text-align:center;} #book_lecture .ca .mon {position:relative;top:0;margin-top:0;width:100px;display:inline-block;} #book_lecture .ca .mon strong {font-size:24px;} #book_lecture .ca .mon span {font-size:14px;} #book_lecture .ca .date {display:block;overflow:auto;white-space:nowrap;font-size:0;margin:10px -15px 0;padding:0 15px;} #book_lecture .ca .date li {display:inline-block;vertical-align:top;} #book_lecture .ca .date li a {font-size:14px;width:24px;height:24px;} #book_lecture .tab {margin:15px 0 20px;flex-wrap:wrap;display:flex;box-shadow:inset 0 -1px 0 #b2b2b2,inset 1px 0 0 #b2b2b2;} #book_lecture .tab button {width:auto;flex-grow:1;height:30px;border-radius:0;border:1px solid #b2b2b2;font-size:13px;margin:0;padding:0 7px;letter-spacing:-0.05em;margin-top:-1px;border-left:none;border-bottom:none;background:none;} #book_lecture .pdt {margin:0 -5px;} #book_lecture .pdt .__box {width:50%;padding:0 5px;} #book_lecture .area .prev, #book_lecture .area .next {width:20px;height:34px;margin-top:-17px;} #book_lecture .pdt .prev, #book_lecture .pdt .next {width:20px;height:34px;text-indent:-9999px;top:50%;margin-top:-17px;border:none;position:absolute;transition:0.3s;z-index:50;} #book_lecture .pdt .prev {background:url(../images/book-prev.png) no-repeat 50% 50%;background-size:contain;left:-5px;} #book_lecture .pdt .next {background:url(../images/book-next.png) no-repeat 50% 50%;background-size:contain;right:-5px;} #notice {padding:0 15px 40px;} #notice .board {width:auto;float:none;} #notice .board .tit h3 {font-size:24px;} #notice .board .tit .more {width:18px;height:18px;margin-top:-9px;background-size:contain;} #notice .board .list {margin-top:20px;} #notice .board .list li ~ li {margin-top:10px;} #notice .board .list li a {padding-right:90px;font-size:14px;} #notice .ban {margin-top:30px;width:auto;float:none;} #notice .ban .area {margin:0 -5px;} #notice .ban .area .box {padding:0 5px;} } .__mem {max-width:522px;margin:0 auto;} .__mem .tit {font-size:28px;line-height:1.3;letter-spacing:-0.05em;text-align:center;font-weight:300;} .__mem .tit strong {color:#000;font-weight:500;} .__mem .__process {margin-top:30px;} .__mem .graybox {padding:30px 40px 40px;border:1px solid #c4c4c4;} .__mem .head {margin-bottom:25px;} .__mem .head h4 {font-size:20px;font-weight:300;letter-spacing:-0.05em;line-height:1.2;} .__mem .head p {font-size:15px;font-weight:300;letter-spacing:-0.05em;line-height:1.6;color:#999;} .__mem .head h4 + p {margin-top:15px;} .__mem .agree .all {border-bottom:1px solid #dcdcdc;} .__mem .agree .agreehead {position:relative;padding:15px 40px 15px 0;position:relative;font-size:16px;color:#333;} .__mem .agree li ~ li {margin-top:20px;} .__mem .agree .onoff {width:24px;height:24px;border:none;background:none;position:absolute;right:0;top:50%;margin-top:-12px;color:#999;font-size:18px;z-index:10;} .__mem .agree .agreebox {border:1px solid #dcdcdc;height:120px;overflow:auto;padding:15px;font-size:14px;line-height:1.45;font-weight:300;margin-top:15px;display:none;} .__mem .agree .active .agreehead .onoff i:before {content:"\f106";} .__mem .agree .active .agreebox {display:block;} .__mem .meminp {margin-top:30px;} .__mem .meminp li ~ li {margin-top:10px;} .__mem .memexc {position:relative;padding-left:25px;font-size:15px;line-height:1.6;color:#999;letter-spacing:-0.05em;font-weight:300;margin-top:30px;} .__mem .memexc:before {content:"\f06a";position:absolute;left:0;top:-3px;font-family:axicon;font-size:18px;} .__mem .memwrite .box ~ .box {margin-top:13px;} .__mem .membtn {height:40px;border:1px solid #999;background:#999;padding:0 20px;font-size:15px;font-weight:300;color:#fff;} .__mem .result {background:url(../images/mem-result.png) no-repeat 50% 0;background-size:100% auto;} .__mem .result .txt {margin-bottom:120px;} .__mem .result .txt dt {font-size:38px;line-height:1.1;color:#000;letter-spacing:-0.05em;} .__mem .result .txt dd {font-size:15px;line-height:1.6;margin-top:25px;color:#999;font-weight:300;letter-spacing:-0.05em;} .__meminp {display:inline-block;max-width:100%;width:100%;height:40px;border:1px solid #ddd;padding-left:10px;font-size:15px;font-weight:300;letter-spacing:-0.05em;} select.__meminp {appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 1px center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:25px;} select.__meminp::-ms-expand {display:none;} .__lab {display:inline-flex;position:relative;align-items:center;line-height:1.4;margin-right:15px;} .__lab:last-child {margin-right:0;} .__lab input {position:absolute;left:-9999px;top:0;} .__lab i {font-weight:normal;line-height:1;color:#cfcfcf;font-style:normal;width:26px;text-align:center;white-space:nowrap;margin-right:5px;} .__lab i:before {content:"\e042";font-family:axicon;font-size:24px;} .__lab input:checked ~ i {color:#ff0000;} .__lab input:checked ~ i:before {content:"\f1ac";} .__lab.rad i:before {content:"\e97e";} .__lab.rad input:checked ~ i:before {content:"\e97f";} .__lab2 {display:inline-block;margin-right:15px;} .__process {text-align:center;font-size:0;position:relative;margin-bottom:50px;} .__process:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:10px;border-radius:5px;background:#f2f2f2;} .__process li {display:inline-block;vertical-align:top;width:25%;position:relative;padding-bottom:25px;} .__process li span {display:block;font-size:16px;font-weight:300;margin-bottom:8px;} .__process li strong {display:inline-block;width:22px;height:22px;line-height:20px;font-weight:normal;border-radius:50%;border:1px solid #999;font-size:13px;color:#999;} .__process .active:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:10px;background:#000;} .__process .active:first-child:before {border-bottom-left-radius:5px;border-top-left-radius:5px;} .__process .active:nth-last-of-type(1):before {border-bottom-right-radius:5px;border-top-right-radius:5px;} .__process .active strong {border-color:#000;background:#000;color:#fff;} .__process2 {text-align:center;font-size:0;position:relative;margin-bottom:0px;margin-top:-35px;padding-left:100px;} .__process2:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:10px;border-radius:5px;background:#;} .__process2 li {display:inline-block;vertical-align:top;width:13%;position:relative;padding-bottom:25px;} .__process2 li span {display:block;font-size:18px;font-weight:500;margin-bottom:8px;} .__process2 li strong {display:inline-block;width:32px;height:32px;line-height:30px;font-weight:normal;border-radius:50%;border:1px solid #999;font-size:13px;color:#999;} .__process2 .active:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:10px;background:#000;} .__process2 .active:first-child:before {border-bottom-left-radius:5px;border-top-left-radius:5px;} .__process2 .active:nth-last-of-type(1):before {border-bottom-right-radius:5px;border-top-right-radius:5px;} .__process2 .active strong {border-color:#000;background:#000;color:#fff;} .__btnArea {} .__btnArea ul {display:flex;margin:0 -8px;} .__btnArea ul li {width:0;flex-grow:1;padding:0 8px;} .__btnArea ul li > * {display:block;width:100%;height:50px;line-height:48px;border:1px solid #444;border-radius:25px;font-size:16px;color:#444;text-align:center;background:#fff;letter-spacing:-0.05em;} .__btnArea ul li .blackLine {} .__btnArea ul li .black {background:#111;border-color:#111;color:#fff;} .__btnArea ul li[style*='width'] {flex-grow:inherit;} .__btnArea.type2 {max-width:510px;margin:0 auto;} .__btnArea.type2 ul li > * {border-radius:0;height:60px;line-height:58px;font-size:18px;} .__form {display:flex;width:100%;align-items:center;} .__form > li {width:0;flex-grow:1;} .__form > li[style*='width'] {flex-grow:inherit;} .__form > .space {width:5px;flex-grow:inherit;} .__form > .space2{width:10px;flex-grow:inherit;} .__form > .auto {width:auto;flex-grow:inherit;} .__form > .gol {width:25px;text-align:center;flex-grow:inherit;} .__form > .bar {width:16px;text-align:center;flex-grow:inherit;} @media all and (max-width:1024px){ .__mem .tit {font-size:20px;} .__mem .__process {margin-top:20px;} .__mem .graybox {padding:20px 15px 30px;} .__mem .head {margin-bottom:15px;} .__mem .head h4 {font-size:16px;line-height:1.3;} .__mem .head p {font-size:14px;line-height:1.4;} .__mem .head h4 + p {margin-top:10px;} .__mem .agree .agreehead {padding:10px 35px 10px 0;font-size:14px;} .__mem .agree li ~ li {margin-top:15px;} .__mem .agree .agreebox {height:100px;font-size:13px;line-height:1.4;margin-top:10px;} .__mem .meminp {margin-top:20px;} .__mem .meminp li ~ li {margin-top:5px;} .__mem .memexc {padding-left:20px;font-size:14px;line-height:1.45;margin-top:20px;} .__mem .memexc:before {font-size:16px;top:-2px;} .__mem .memwrite .box ~ .box {margin-top:10px;} .__mem .membtn {height:34px;padding:0 10px;font-size:14px;} .__mem .result {background:none;position:relative;} .__mem .result:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:url(../images/mem-result.png) no-repeat 100% 0;background-size:300px auto;opacity:0.4;} .__mem .result .txt {margin-bottom:60px;position:relative;z-index:10;} .__mem .result .txt dt {font-size:24px;} .__mem .result .txt dd {font-size:14px;line-height:1.4;margin-top:15px;} .__mem .result .__btnArea {position:relative;z-index:10;} .__meminp {height:34px;padding-left:7px;font-size:14px;} .__lab i {width:22px;margin-right:5px;} .__lab i:before {font-size:20px;} .__process {margin-bottom:15px;} .__process:before {height:4px;border-radius:2px;} .__process li {padding-bottom:15px;} .__process li span {font-size:14px;margin-bottom:5px;letter-spacing:-0.05em;} .__process li strong {width:20px;height:20px;line-height:18px;font-size:12px;} .__process li.active:before {height:4px;} .__process li.active:first-child:before {border-bottom-left-radius:2px;border-top-left-radius:2px;} .__process li.active:last-child:before {border-bottom-right-radius:2px;border-top-right-radius:2px;} .__btnArea ul {margin:0 -4px;} .__btnArea ul li {padding:0 4px;} .__btnArea ul li > * {height:40px;line-height:38px;border-radius:20px;font-size:14px;} .__btnArea.type2 ul li > * {height:40px;line-height:38px;font-size:14px;} .__form > .space2{width:5px;} .__form.mail {flex-wrap:wrap;} .__form.mail .space {display:none;} .__form.mail .auto {width:100%;margin-top:5px;} } .__find {max-width:1108px;margin:0 auto;} .__find .tit {text-align:center;font-size:40px;color:#333;letter-spacing:-0.05em;font-weight:normal;} .__find .area {margin:70px 0 0;} .__find .area .box {width:50%;float:left;} .__find .area .box:first-child {padding-right:48px;} .__find .area .box:last-child {padding-left:48px;} .__find .area .box .head {border-bottom:2px solid #000;padding-bottom:13px;} .__find .area .box .head dt {font-size:24px;color:#000;letter-spacing:-0.05em;} .__find .area .box .head dd {font-size:15px;color:#999;margin-top:7px;font-weight:300;letter-spacing:-0.05em;} .__find .area .box .inp {margin-top:30px;min-height:150px;} .__find .area .box .inp li ~ li {margin-top:10px;} .__find .area .box .inp input[type='text'], .__find .area .box .inp input[type='password'] {display:block;width:100%;border:1px solid #ddd;height:40px;padding-left:15px;font-size:15px;font-weight:300;letter-spacing:-0.025em;} .__find .area .box .inp p {padding:0 15px;margin-top:15px;font-size:16px;color:#fe0000;font-weight:300;letter-spacing:-0.05em;} @media all and (max-width:1024px){ .__find {max-width:522px;} .__find .tit {font-size:20px;} .__find .area {margin:20px 0 0;} .__find .area .box {width:auto;float:none;} .__find .area .box:first-child {padding-right:0;} .__find .area .box:last-child {padding-left:0;margin-top:30px;} .__find .area .box .head {padding-bottom:10px;} .__find .area .box .head dt {font-size:18px;} .__find .area .box .head dd {font-size:14px;margin-top:5px;} .__find .area .box .inp {margin-top:20px;min-height:0;} .__find .area .box .inp li ~ li {margin-top:5px;} .__find .area .box .inp input[type='text'], .__find .area .box .inp input[type='password'] {height:34px;padding-left:10px;font-size:14px;} .__find .area .box .inp p {padding:0 10px;margin-top:10px;font-size:14px;} } .__topArea {margin-bottom:10px;display:flex;align-items:center;} .__topArea.line {border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:30px;} .__topArea .lef {width:0;flex-grow:1;} .__topArea .rig {text-align:right;} .__topArea .all {font-size:16px;color:#888;letter-spacing:-0.05em;} .__topArea .all strong {font-weight:normal;color:#333;} .__topArea .sort {white-space:nowrap;font-size:0;} .__topArea .sort ul, .__topArea .sort select {display:inline-block;vertical-align:middle;} .__topArea .sort ul li {display:inline-block;vertical-align:middle;position:relative;} .__topArea .sort ul li ~ li {margin-left:15px;padding-left:16px;} .__topArea .sort ul li ~ li:before {content:"";display:block;width:1px;height:16px;position:absolute;left:0;top:50%;margin-top:-8px;background:#e8e8e8;} .__topArea .sort ul li a {display:block;font-size:14px;color:#999;letter-spacing:-0.075em;} .__topArea .sort ul .active a {color:#222;} .__topArea .sort select {display:inline-block;width:95px;height:30px;border:1px solid #ddd;padding-left:5px;padding-right:20px;font-size:12px;font-weight:300;letter-spacing:-0.05em;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 3px center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .__topArea .sort select::-ms-expand {display:none;} .__topArea .sort ul {margin-right:20px;} .__topArea .type {margin-left:20px;} .__topArea .type li {display:inline-block;vertical-align:top;} .__topArea .type li ~ li {margin-left:12px;} .__topArea .type li a {display:block;width:23px;height:20px;background:url(../images/type-list.png);text-indent:-9999px;text-align:left;} .__topArea .type .gal a {background-image:url(../images/type-gal.png);} .__topArea .type .active a {background-position:0 -20px;} .__topArea .tab {font-size:0;} .__topArea .tab a {display:inline-block;height:30px;line-height:28px;padding:0 10px;font-size:14px;color:#999;letter-spacing:-0.075em;border:1px solid #999;border-radius:15px;margin-right:5px;} .__topArea .tab a:hover, .__topArea .tab .active {background:#000;border-color:#000;color:#fff;} .__schbox {position:relative;text-align:left;font-size:0;} .__schbox select {padding-left:10px;padding-right:25px;display:inline-block;height:40px;margin-right:5px;border:1px solid #ccc;font-size:14px;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 1px center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.05em;} .__schbox select::-ms-expand {display:none;} .__schbox button {display:inline-block;width:60px;height:40px;border:none;background:none;color:#fff;background:#333;font-size:14px;letter-spacing:-0.05em;} .__schbox input {display:inline-block;border:none;background:none;height:40px;width:200px;font-size:14px;padding-left:10px;border:1px solid #ccc;letter-spacing:-0.05em;} @media all and (max-width:1024px){ .__topArea {margin-bottom:20px;display:block;} .__topArea.line {padding-bottom:10px;margin-bottom:15px;} .__topArea > div ~ div {margin-top:7px;} .__topArea .lef {width:auto;} .__topArea .rig {text-align:left;} .__topArea .all {font-size:14px;} .__topArea .sort {white-space:normal;} .__topArea .sort ul {margin-right:10px;} .__topArea .sort ul li ~ li {margin-left:4px;padding-left:5px;} .__topArea .sort ul li a {font-size:13px;} .__topArea .sort select {width:85px;height:20px;background-position:right 1px center;} .__topArea .type {margin:7px 0 0;} .__schbox select {width:60px;padding-left:5px;padding-right:15px;height:32px;margin-right:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 1px center;} .__schbox button {width:60px;height:32px;} .__schbox input {height:32px;width:calc(100% - 125px);padding-left:5px;} } .__tbl {width:100%;} .__tbl.fix {table-layout:fixed;} .__tbl caption {border-bottom:1px solid #333;} .__tbl tr > * {border-bottom:1px solid #d3d3d3;border-top:none;padding:15px 10px;line-height:1.3em;letter-spacing:-0.05em;text-align:center;font-size:14px;} .__tbl tr th {font-weight:normal;background:#f7f7f7;color:#333;} .__tbl tr td i {vertical-align:middle;} .__tbl .subject {text-align:left;} .__tbl .subject a {display:inline-block;vertical-align:middle;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:calc(100% - 40px)} .__tbl .subject .axi-lock-outline {color:#ff5400;font-size:16px;} .__tbl .axi-floppy-o {font-size:1.3em;} .__icoNew {display:inline-block;width:16px;height:16px;line-height:16px;font-size:10px;border-radius:50%;background:#ff5400;color:#fff;text-align:center;font-style:normal;} .__tbl .re {display:inline-block;width:17px;height:14px;line-height:14px;font-size:10px;background:#c8c0b5;border-radius:3px;text-align:center;color:#fff;position:relative;top:-1px;margin-right:8px;} .__tbl .re:before {content:"";border:5px solid transparent;border-left:5px solid #c8c0b5;display:block;height:0;width:0;left:100%;margin-top:-5px;position:absolute;top:50%;} .__tbl.write tr > * {font-size:16px;padding:12px;text-align:left;} .__tbl.write tr th {background:#f7f7f7;height:71px;width:185px;padding-left:45px;} .__tbl.write2 caption {border-bottom:2px solid #333;} .__tbl.write2 tr > * {font-size:14px;padding:5px 15px;text-align:left;} .__tbl.write2 tr th {background:#f7f7f7;width:140px;height:33px;} .__tbl.write3 caption {border-bottom:2px solid #333;} .__tbl.write3 tr > * {font-size:14px;padding:5px 10px;text-align:left;} .__tbl.write3 tr th {background:#f7f7f7;height:33px;} .__tbl.res caption {border:none;} .__tbl.res tr > * {padding:5px;border:1px solid #d3d3d3;line-height:1.3;} .__tbl.bd caption {border-bottom:2px solid #333;} .__tbl.bd tr > * {border-right:1px solid #d3d3d3;} .__tbl.bd tr > *:last-child {border-right:none;} .__inp {display:inline-block;width:100%;max-width:100%;border:1px solid #ccc;height:46px;font-size:16px;letter-spacing:-0.05em;padding-left:15px;} select.__inp {padding-left:15px;padding-right:30px;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 5px center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} select.__inp::-ms-expand {display:none;} textarea.__inp {padding:15px;height:300px;} .__inp2 {display:inline-block;max-width:100%;width:100%;height:24px;border:1px solid #ddd;padding-left:5px;font-size:13px;font-weight:300;letter-spacing:-0.05em;} select.__inp2 {appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E") no-repeat right 0 center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:19px;} select.__inp2::-ms-expand {display:none;} .__tbl.cart .orderbot tr > * {background:#f2f5f6;font-size:20px;} .__tbl.cart .orderbot tr .all {color:#e51b13;} .__tbl.cart .orderbot tr .all strong {font-size:28px;} .__tbl.cart .orderbot tr .all span {font-size:24px;} @media all and (min-width:1025px){ .__tbl.cart caption {border-bottom:2px solid #333;} .__tbl.cart tr > * {font-size:16px;} .__tbl tr td .__btn5 ~ .__btn5 {margin-top:5px;} } @media all and (max-width:1024px){ .__tbl tr > * {height:auto;} .__tbl.respond1 colgroup, .__tbl.respond1 thead {display:none;} .__tbl.respond1 tbody, .__tbl.respond1 tr {display:block;} .__tbl.respond1 tr {display:flex;text-align:left;flex-wrap:wrap;border-bottom:1px solid #ddd;padding:8px 0;align-items:center;} .__tbl.respond1 tr td {border:none;display:block;position:relative;margin:2px 0;font-size:13px;} .__tbl.respond1 tr .subject {order:-1;width:100%;margin-bottom:5px;margin-top:5px;font-size:14px;} .__tbl.respond1 tr .subject a {color:#000;} .__tbl.respond1 tr .subject.type2 {text-align:left;} .__tbl.respond1 tr td:not(.subject) {margin-right:6px;padding-right:7px;} .__tbl.respond1 tr td:not(.subject):after {content:"";display:block;width:1px;height:10px;position:absolute;right:0;top:50%;margin-top:-5px;background:#ccc;} .__tbl.respond1 tr td:not(.subject):last-child:after {display:none;} .__tbl.respond1 tr > * {text-align:left;display:block;border:none;padding:0;} .__tbl.respond1 tr .chk {order:-2;width:20px;margin-right:0 !important;padding-right:0 !important;padding-top:2px;} .__tbl.respond1 tr .chk:after {display:none !important;} .__tbl.respond1 tr .chk ~ .subject {width:calc(100% - 20px);} .__tbl.respond1 [data-th]:before {content:attr(data-th);color:#999;} .__tbl.respond1 .img1 img {width:40px;} .__tbl.respond2 colgroup, .__tbl.respond2 thead {display:none;} .__tbl.respond2, .__tbl.respond2 tbody, .__tbl.respond2 tbody tr {display:block;} .__tbl.respond2 tbody tr {font-size:0;} .__tbl.respond2 tr > * {display:block;font-size:13px;padding:0;} .__tbl.respond2 tr th {background:#f7f7f7;padding:5px;} .__tbl.respond2 tr td {color:#000;padding:5px;border-bottom:1px solid #ddd;} .__tbl.respond3 {border-top:1px solid #333;} .__tbl.respond3 colgroup, .__tbl.respond3 thead {display:none;} .__tbl.respond3, .__tbl.respond3 tbody, .__tbl.respond3 tbody tr {display:block;} .__tbl.respond3 tbody tr {font-size:0;border-bottom:1px solid #ddd;padding:10px 0;} .__tbl.respond3 tr > * {font-size:13px;padding:0;} .__tbl.respond3 tr td {display:block;color:#000;margin-bottom:5px;padding-bottom:5px;text-align:right;position:relative;padding-left:60px;border:none;border-bottom:1px dashed #e7e7e7;} .__tbl.respond3 tr td a {color:#000;} .__tbl.respond3 tr td:last-child {margin-bottom:0;border-bottom:none;} .__tbl.respond3 tr .subject {width:100%;} .__tbl.respond3 .last {background:#fafafa;} .__tbl.respond3 .last .hap {text-align:center !important;padding:10px;font-size:16px;color:#333;font-weight:600;} .__tbl.respond3 .last td:empty {display:none;} .__tbl.respond3 .tal {text-align:right !important;} .__tbl.respond3 [data-th]:before {content:attr(data-th);display:block;font-size:11px;color:#888;margin-bottom:2px;text-align:left;position:absolute;left:0;top:2px;} .__tbl.respond4 {display:flex;white-space:nowrap;border-top:1px solid #333;} .__tbl.respond4 caption, .__tbl.respond4 colgroup {display:none;} .__tbl.respond4 tr > * {border:none;} .__tbl.respond4 thead {display:block;width:90px;} .__tbl.respond4 thead tr {display:block;} .__tbl.respond4 tbody {display:flex;flex-grow:1;overflow:auto;width:0;} .__tbl.respond4 thead tr > * {display:flex;font-size:13px;padding:0 10px;height:40px;border:1px solid #ddd;border-top:none;align-items:center;} .__tbl.respond4 tbody tr {display:block;text-align:left;} .__tbl.respond4 tbody tr > * {display:flex;height:40px;font-size:13px;padding:0 10px;align-items:center;overflow:auto;} .__tbl.respond4 tbody tr td {border:none;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .__tbl.respond4 .img1 img {width:50px;} .__tbl.respond5 tr > * {padding:5px 10px;font-size:13px;} .__tbl.respond6 {border-top:1px solid #333;} .__tbl.respond6 colgroup, .__tbl.respond6 thead {display:none;} .__tbl.respond6, .__tbl.respond6 tbody {display:block;} .__tbl.respond6 tbody tr {font-size:0;display:flex;flex-wrap:wrap;} .__tbl.respond6 tbody tr > * {display:block;padding:7px 5px;font-size:13px;} .__tbl.respond6 tbody tr th {width:85px;height:auto;padding-left:10px;display:flex;align-items:center;} .__tbl.respond6 tbody tr td {width:calc(100% - 85px);} .__tbl.write tr > * {font-size:13px;padding:5px;} .__tbl.write tr th {height:45px;width:85px;padding-left:10px;} .__tbl.res tr > * {font-size:12px;line-height:1.2;} .__tbl tr td .__btn5 ~ .__btn5 {margin-left:3px;} .__inp {height:34px;font-size:13px;padding-left:10px;} select.__inp {padding-left:10px;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");background-position:right 5px center;} textarea.__inp {padding:10px;height:100px;} .__tbl.cart .orderbot {width:100%;display:block;background:#f2f5f6;text-align:center;padding:20px 10px;} .__tbl.cart .orderbot tr {display:block;} .__tbl.cart .orderbot tr td {display:inline-block;border-bottom:none;padding:0;margin:0;font-size:14px;vertical-align:middle;margin-right:10px;} .__tbl.cart .orderbot tr td:before {position:relative;top:0;margin:0;font-size:14px;display:inline-block;margin-right:5px;} .__tbl.cart .orderbot tr .all {display:block;text-align:center;margin-top:10px;margin-right:0;} } .__botArea {margin-top:30px;min-height:40px;position:relative;} .__botArea .cen {text-align:center;} .__botArea .lef {text-align:left;position:absolute;left:0;top:0;} .__botArea .rig {text-align:right;position:absolute;right:0;top:0;} .__botArea > * ~ * {margin-top:20px;} .__paging {font-size:0;} .__paging .arr, .__paging .num {display:inline-block;box-sizing:border-box;vertical-align:top;width:34px;height:34px;line-height:32px;border:1px solid #ccc;text-align:center;color:#555;z-index:0;margin:0 2px;position:relative;letter-spacing:-0.05em;} .__paging .num {font-size:14px;} .__paging .arr i {font-size:18px;display:block;line-height:30px;} .__paging .num:hover, .__paging .arr:hover {border-color:#000;} .__paging .num.active {border-color:#404040;color:#fff;background:#404040;font-weight:500;} .__btn1 {display:inline-block;min-width:150px;padding:0 10px;height:50px;line-height:48px;border-radius:25px;border:1px solid #2c2c2c;font-size:14px;color:#fff;background:#2c2c2c;text-align:center;} .__btn1 ~ .__btn1 {margin-left:2px;} .__btn1 i {display:inline-block;position:relative;vertical-align:middle;font-size:15px;margin-right:3px;} .__btn1.blue {background:#000;border-color:#000;} .__btn1.gray {background:#888;border-color:#888;} .__btn1.grayLine {background:#fff;border-color:#888;color:#262626;} .__btn1.black {} .__btn2 {display:inline-block;width:100%;height:60px;line-height:58px;background:#fff;text-align:center;font-size:20px;font-weight:300;color:#888;border:1px solid #b0b0b0;letter-spacing:-0.05em;} .__btn2.red {background:#e51b13;border-color:#e51b13;color:#fff;} .__btn2.gray {background:#bbb;border-color:#bbb;color:#fff;} .__btn2.black {background:#000;border-color:#000;color:#fff;} .__btn2.small {width:250px;} .__btn3 {display:inline-block;width:120px;height:40px;line-height:38px;border-radius:20px;text-align:center;background:#fff;border:1px solid #c3c3c3;font-size:14px;letter-spacing:-0.05em;} .__btn3.black {border-color:#000;background:#000;color:#fff;} .__btn4 {display:inline-block;height:30px;padding:0 15px;line-height:28px;background:#999;text-align:center;font-size:14px;font-weight:normal;border:1px solid #999;letter-spacing:-0.075em;color:#fff;text-align:center;} .__btn5 {display:inline-block;width:100px;height:36px;line-height:34px;background:#fff;text-align:center;font-size:14px;font-weight:normal;border:1px solid #ddd;letter-spacing:-0.075em;color:#000;text-align:center;} .__btn6 {display:inline-block;height:46px;padding:0 15px;line-height:44px;background:#999;text-align:center;font-size:16px;font-weight:normal;border:1px solid #999;letter-spacing:-0.075em;color:#fff;text-align:center;} .__btn7 {display:inline-block;height:24px;padding:0 7px;line-height:22px;background:#666;text-align:center;font-size:14px;font-weight:normal;border:1px solid #666;letter-spacing:-0.075em;color:#fff;text-align:center;} .__btn8 {display:inline-block;min-width:70px;padding:0 10px;height:26px;line-height:24px;border-radius:13px;text-align:center;border:1px solid #4d4d4d;color:#555;font-size:14px;letter-spacing:-0.05em;} .__btn8.blackLine {} .__btn8.black {background:#000;border-color:#000;color:#fff;} .__state {display:inline-block;width:65px;height:26px;line-height:24px;border-radius:13px;text-align:center;border:1px solid #4d4d4d;color:#555;font-weight:300;font-size:14px;letter-spacing:-0.05em;} .__state.ing {} .__state.end {background:#979797;border-color:#979797;color:#fff;} @media all and (max-width:1024px){ .__botArea {margin-top:20px;text-align:center;min-height:0;} .__botArea .lef, .__botArea .rig {text-align:center;position:relative;} .__botArea > div {position:relative !important;} .__botArea > div ~ div {margin-top:10px;} .__paging .arr, .__paging .num {width:28px;height:28px;line-height:26px;} .__paging .arr i {line-height:24px;} .__btn1 {min-width:100px;height:40px;line-height:38px;border-radius:20px;} .__btn2 {height:44px;line-height:42px;font-size:16px;} .__btn2.small {width:130px;} .__btn4 {height:20px;padding:0 7px;line-height:18px;font-size:13px;} .__btn5 {width:70px;height:26px;line-height:24px;font-size:13px;} .__btn6 {height:34px;line-height:32px;padding:0 7px;line-height:18px;font-size:13px;} .__btn8 {min-width:60px;padding:0 5px;height:24px;line-height:22px;border-radius:11px;font-size:13px;} } #tit + #content .__view:first-child, #tit + #content .__tbl.write:first-child {margin-top:-50px;border-top:none;} .__view {border-top:1px solid #333;border-bottom:1px solid #ddd;} .__view .head {border-bottom:1px solid #ddd;padding:15px;background:#f3f3f3;} .__view .head h3 {font-size:18px;color:#333;font-weight:normal;letter-spacing:-0.05em;line-height:1.3em;} .__view .head .info {margin-top:15px;} .__view .head .info li {display:inline-block;position:relative;font-size:13px;margin-right:10px;padding-right:11px;color:#999;} .__view .head .info li:before {content:"";display:block;position:absolute;right:0;top:50%;margin-top:-5px;background:#ddd;height:10px;width:1px;} .__view .head .info li:last-child {margin-right:0;padding-right:0;} .__view .head .info li:last-child:before {display:none;} .__view .head .info li strong {color:#333;font-weight:500;margin-right:7px;} .__view .head .file {position:relative;margin-top:15px;font-size:13px;} .__view .head .file li {position:relative;padding-left:20px;} .__view .head .file li:before {content:"\ED0F";font-family:remixicon;position:absolute;left:0;top:0;font-size:15px;} .__view .head .file li a {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .__view .head .file li ~ li {margin-top:8px;} .__view .con {font-size:14px;line-height:1.6em;padding:20px 0;} .__view .con img {max-width:100% !important;height:auto !important;} @media all and (max-width:1024px){ #tit + #content .__view:first-child, #tit + #content .__tbl.write:first-child {margin-top:-20px;} .__view .head {padding:10px;} .__view .head h3 {font-size:16px;} .__view .head .info {margin-top:10px;} .__view .head .file li ~ li {margin-top:5px;} .__view .con {font-size:13px;line-height:1.55em;padding:15px 0;} } .__mypageHead {background:#f2f5f6;padding:35px 0;margin-top:-51px;border-top:2px solid #222;} .__mypageHead .wrap {display:table;width:100%;table-layout:fixed;} .__mypageHead .wrap > div {display:table-cell;vertical-align:middle;} .__mypageHead .lef {padding-left:55px;padding-right:30px;} .__mypageHead .lef h4 {font-size:30px;font-weight:300;color:#000;letter-spacing:-0.05em;} .__mypageHead .lef .grade {margin-top:15px;color:#000;line-height:1.65;letter-spacing:-0.05em;font-size:18px;} .__mypageHead .lef .inf {margin-top:15px;font-size:14px;line-height:1.45;font-weight:300;} .__mypageHead .lef .inf li {position:relative;padding-left:12px;letter-spacing:-0.025em;} .__mypageHead .lef .inf li:before {content:"";display:block;width:2px;height:2px;position:absolute;left:0;top:10px;background:#000;} .__mypageHead .rig {text-align:center;width:48%;} .__mypageHead .rig ul {display:table;width:100%;table-layout:fixed;} .__mypageHead .rig ul li {display:table-cell;vertical-align:middle;border-left:1px solid #d2dbde;text-align:center;} .__mypageHead .rig ul li dl {margin-top:40px;} .__mypageHead .rig ul li dl dt {font-size:18px;font-weight:300;} .__mypageHead .rig ul li dl dd {margin-top:20px;font-size:20px;color:#333;font-weight:300;} .__mypageHead .rig ul li dl dd strong {font-size:30px;color:#ff0000;} .__mypageTit {margin-top:50px;margin-bottom:10px;} .__mypageTit h3 {font-size:24px;font-weight:500;color:#000;letter-spacing:-0.05em;} .__red {color:#ff2020 !important;} .__black {color:#000 !important;} .__blue {color:#016edd !important;} .__orange {color:#ff6c00 !important;} .__gray {color:#999 !important;} @media all and (max-width:1024px){ .__mypageHead {padding:20px 15px;margin-top:-21px;} .__mypageHead .wrap {display:block;} .__mypageHead .wrap > div {display:block;} .__mypageHead .lef {padding:0;} .__mypageHead .lef h4 {font-size:20px;} .__mypageHead .lef .grade {margin-top:10px;line-height:1.5;font-size:16px;} .__mypageHead .lef .inf {line-height:1.3;} .__mypageHead .lef .inf li ~ li {margin-top:5px;} .__mypageHead .rig {width:auto;margin-top:20px;} .__mypageHead .rig ul li img {width:40px;} .__mypageHead .rig ul li:first-child {border-left:none;} .__mypageHead .rig ul li dl {margin-top:10px;} .__mypageHead .rig ul li dl dt {font-size:14px;} .__mypageHead .rig ul li dl dd {margin-top:5px;font-size:14px;} .__mypageHead .rig ul li dl dd strong {font-size:18px;} .__mypageTit {margin-top:30px;margin-bottom:7px;} .__mypageTit h3 {font-size:18px;} } .__pdtList {font-size:0;} .__box {display:inline-block;vertical-align:top;} .__box .in {display:block;} .__box .img {border:1px solid #c4c4c4;display:block;position:relative;} .__box .img span {display:block;padding-top:139.4366197%;background-repeat:no-repeat;background-position:100% 50%;background-size:cover;} .__box .img .ddakji {display:block;position:absolute;left:0;top:0;height:35px;line-height:35px;color:#fff;background:#000;padding:0 12px;font-size:14px;z-index:10;} .__box .info {margin-top:17px;} .__box .info .subject {font-size:20px;line-height:1.3;min-height:2.6em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000;letter-spacing:-0.05em;} .__box .info .subject a {color:#000;} .__box .info .pub {margin-top:25px;font-size:14px;letter-spacing:-0.05em;} .__box .info .pub2 {margin-top:15px;font-size:14px;letter-spacing:-0.05em;} .__box .info .price {margin-top:10px;font-family:'gmarket',sans-serif;} .__box .info .price > * {display:inline-block;} .__box .info .price del {font-size:12px;color:#999;margin-right:5px;} .__box .info .price span {font-size:18px;color:#000;font-weight:600;margin-right:10px;} .__box .info .price strong {font-size:24px;color:#ff0000;font-weight:bold;} .__box .info .during {margin-top:25px;font-size:14px;letter-spacing:-0.05em;} .__box .info .date {margin-top:5px;font-size:14px;letter-spacing:-0.05em;} .__box .info .place {margin-top:5px;} .__box .info .place > * {display:inline-block;vertical-align:middle;font-size:14px;} .__box .info .place span {font-size:14px;margin-right:5px;letter-spacing:-0.05em;} .__box .info .price2 {margin-top:15px;font-size:14px;letter-spacing:-0.05em;line-height:1.3;} .__box .info .price2 strong {color:#ff0303;font-weight:500;} .__box .info .mon {margin-top:3px;font-size:14px;line-height:1.3;} .__box .info .pay {margin-top:15px;color:#ff0000;font-size:14px;} .__box .info .pay span {margin-right:5px;} .__box .info .pay strong {font-size:18px;font-family:'gmarket',sans-serif;font-weight:bold;} .__box .info .aco {margin-top:5px;font-size:14px} .__box .info .bta {margin-top:5px;font-size:14px} .__box .info .bta a {margin-right:3px;} .__box .info .bta a:last-child {margin-right:0;} .__box .info .tbl {width:100%;table-layout:fixed;display:table;border-top:0px solid #666;} .__box .info .tbl dl {display:table-row;} .__box .info .tbl dl > * {display:table-cell;vertical-align:middle;padding:4px;font-size:14px;line-height:1.4;color:#999;} .__box .info .tbl dl dt {width:105px; color:#333;} .__box2 {display:inline-block;vertical-align:top;} .__box2 .in {display:block;} .__box2 .img {border:1px solid #c4c4c4;display:block;position:relative;} .__box2 .img span {display:block;padding-top:70%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .__box2 .img .ddakji {display:block;position:absolute;left:0;top:0;height:35px;line-height:35px;color:#fff;background:#000;padding:0 12px;font-size:14px;z-index:10;} .__box2 .info {margin-top:17px;} .__box2 .info .subject {font-size:20px;line-height:1.3;min-height:2.6em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000;letter-spacing:-0.05em;} .__box2 .info .subject a {color:#000;} .__box2 .info .pub {margin-top:25px;font-size:14px;letter-spacing:-0.05em;} .__box2 .info .pub2 {margin-top:15px;font-size:14px;letter-spacing:-0.05em;} .__box2 .info .price {margin-top:10px;font-family:'gmarket',sans-serif;} .__box2 .info .price > * {display:inline-block;} .__box2 .info .price del {font-size:12px;color:#999;margin-right:5px;} .__box2 .info .price span {font-size:18px;color:#000;font-weight:600;margin-right:10px;} .__box2 .info .price strong {font-size:24px;color:#ff0000;font-weight:bold;} .__box2 .info .during {margin-top:25px;font-size:14px;letter-spacing:-0.05em;} .__box2 .info .date {margin-top:5px;font-size:14px;letter-spacing:-0.05em;} .__box2 .info .place {margin-top:5px;} .__box2 .info .place > * {display:inline-block;vertical-align:middle;font-size:14px;} .__box2 .info .place span {font-size:14px;margin-right:5px;letter-spacing:-0.05em;} .__box2 .info .price2 {margin-top:15px;font-size:14px;letter-spacing:-0.05em;line-height:1.3;} .__box2 .info .price2 strong {color:#ff0303;font-weight:500;} .__box2 .info .mon {margin-top:3px;font-size:14px;line-height:1.3;} .__box2 .info .pay {margin-top:15px;color:#ff0000;font-size:14px;} .__box2 .info .pay span {margin-right:5px;} .__box2 .info .pay strong {font-size:18px;font-family:'gmarket',sans-serif;font-weight:bold;} .__box2 .info .aco {margin-top:5px;font-size:14px} .__box2 .info .bta {margin-top:5px;font-size:14px} .__box2 .info .bta a {margin-right:3px;} .__box2 .info .bta a:last-child {margin-right:0;} .__box2 .info .tbl {width:100%;table-layout:fixed;display:table;border-top:0px solid #666;} .__box2 .info .tbl dl {display:table-row;} .__box2 .info .tbl dl > * {display:table-cell;vertical-align:middle;padding:4px;font-size:14px;line-height:1.4;color:#999;} .__box2 .info .tbl dl dt {width:105px; color:#333;} .__pdtList.list .__box {width:auto !important;margin-left:0 !important;display:block;} .__pdtList.list .__box ~ .__box {margin-top:30px !important;padding-top:30px;border-top:1px dashed #ccc;} .__pdtList.list .__box:after {content:'';display:block;clear:both;} .__pdtList.list .__box .img {width:125px;float:left;} .__pdtList.list .__box .info {width:calc(100% - 125px);float:right;padding-left:30px;margin-top:0;} .__icoLoc {display:inline-block;height:20px;line-height:18px;border-radius:10px;border:1px solid #4d4d4d;padding:0 10px 0 5px;color:#fff;letter-spacing:-0.05em;font-size:10px;background:#727272;} .__icoLoc i {font-size:14px;margin-right:3px;vertical-align:middle;} .__more {text-align:center;margin-top:70px;} .__more button {display:inline-block;width:96px;height:40px;border-radius:20px;border:1px solid #4d4d4d;font-size:13px;color:#000;background:#fff;line-height:38px;} .__more button span {display:inline-block;vertical-align:top;} .__more button i {font-size:24px;display:inline-block;margin-left:10px;vertical-align:middle;} .__subsHead {max-width:970px;margin:0 auto;font-size:0;} @media all and (min-width:1025px){ .__pdtList.type1 .__box {width:19.36%;} .__pdtList.type1 .__box:nth-child(4n+2), .__pdtList.type1 .__box:nth-child(4n+3), .__pdtList.type1 .__box:nth-child(4n+4) {margin-left:7.52%;} .__pdtList.type1 .__box:nth-child(4) ~ .__box {margin-top:80px;} .__pdtList.type2 .__box {width:15.35%;} .__pdtList.type2 .__box:nth-child(5n+2), .__pdtList.type2 .__box:nth-child(5n+3), .__pdtList.type2 .__box:nth-child(5n+4), .__pdtList.type2 .__box:nth-child(5n+5) {margin-left:5.81%;} .__pdtList.type2 .__box:nth-child(5) ~ .__box {margin-top:80px;} .__subsHead .__box {width:22.3%;} .__subsHead .__box:nth-child(3n+2), .__subsHead .__box:nth-child(3n+3) {margin-left:calc(33.1% / 2);} .__subsHead .__box:nth-child(3) ~ .__box {margin-top: 80px;} } @media all and (max-width:1300px) and (min-width:1025px){ .__pdtList.type1 .__box {width:22%;} .__pdtList.type1 .__box:nth-child(4n+2), .__pdtList.type1 .__box:nth-child(4n+3), .__pdtList.type1 .__box:nth-child(4n+4) {margin-left:calc(12% / 3);} .__pdtList.type2 .__box {width:18%;} .__pdtList.type2 .__box:nth-child(5n+2), .__pdtList.type2 .__box:nth-child(5n+3), .__pdtList.type2 .__box:nth-child(5n+4), .__pdtList.type2 .__box:nth-child(5n+5) {margin-left:calc(10% / 4);} } @media all and (max-width:1024px){ .__pdtList {margin:0 -5px -30px;} .__pdtList .__box {width:50%;padding:0 5px;margin-bottom:30px;} .__subsHead {margin:0 -5px -30px;} .__subsHead .__box {width:50%;padding:0 5px;margin-bottom:30px;} .__box .img .ddakji {height:24px;line-height:24px;padding:0 8px;font-size:11px;} .__box .info {margin-top:10px;} .__box .info .subject {font-size:14px;} .__box .info .pub {margin-top:10px;font-size:13px;} .__box .info .price {margin-top:7px;} .__box .info .price del {font-size:10px;margin-right:3px;} .__box .info .price span {font-size:14px;margin-right:5px;} .__box .info .price strong {font-size:14px;} .__box .info .during {margin-top:10px;font-size:13px;} .__box .info .place span {font-size:13px;} .__box .info .place a {padding:0 7px 0 3px;} .__box .info .price2 {margin-top:10px;font-size:13px;} .__box .info .mon {margin-top:3px;font-size:13px} .__box .info .pay {margin-top:10px;font-size:13px;} .__box .info .pay span {margin-right:4px;} .__box .info .pay strong {font-size:16px;} .__box .info .aco {margin-top:3px;font-size:13px} .__box2 .img .ddakji {height:24px;line-height:24px;padding:0 8px;font-size:11px;} .__box2 .info {margin-top:10px;} .__box2 .info .subject {font-size:14px;} .__box2 .info .pub {margin-top:10px;font-size:13px;} .__box2 .info .price {margin-top:7px;} .__box2 .info .price del {font-size:10px;margin-right:3px;} .__box2 .info .price span {font-size:14px;margin-right:5px;} .__box2 .info .price strong {font-size:14px;} .__box2 .info .during {margin-top:10px;font-size:13px;} .__box2 .info .place span {font-size:13px;} .__box2 .info .place a {padding:0 7px 0 3px;} .__box2 .info .price2 {margin-top:10px;font-size:13px;} .__box2 .info .mon {margin-top:3px;font-size:13px} .__box2 .info .pay {margin-top:10px;font-size:13px;} .__box2 .info .pay span {margin-right:4px;} .__box2 .info .pay strong {font-size:16px;} .__box2 .info .aco {margin-top:3px;font-size:13px} .__pdtList.list .__box ~ .__box {margin-top:20px !important;padding-top:20px;} .__pdtList.list .__box .img {width:90px;} .__pdtList.list .__box .info {width:calc(100% - 90px);padding-left:15px;} .__more {margin-top:20px;} .__more button {width:90px;height:34px;border-radius:17px;line-height:32px;} .__more button i {font-size:18px;margin-left:7px;} } .__largeTxt {display:table;width:100%;table-layout:fixed;color:#000;margin-bottom:35px;} .__largeTxt > * {display:table-cell;vertical-align:top;} .__largeTxt dt {width:180px;font-size:24px;letter-spacing:-0.05em;} .__largeTxt dd {font-size:14px;line-height:1.7;} @media all and (max-width:1024px){ .__largeTxt {display:block;margin-bottom:15px;} .__largeTxt > * {display:block;} .__largeTxt dt {width:auto;font-size:16px;} .__largeTxt dd {font-size:12px;line-height:1.4;margin-top:10px;color:#777;} } .__faq {border-top:2px solid #000;} .__faq .box {border-bottom:1px solid #ddd;} .__faq .box > * {position:relative;} .__faq .box > *:before {width:34px;height:34px;border-radius:50%;text-align:center;line-height:34px;color:#fff;font-size:18px;font-weight:500;display:block;position:absolute;left:19px;font-family:arial,sans-serif;} .__faq .box > .subject button {border:none;background:none;text-align:left;font-size:18px;letter-spacing:-0.05em;display:block;width:100%;padding:20px 70px 20px 78px;box-sizing:border-box;position:relative;color:#666;} .__faq .box > .subject button:after {content:"\e114";font-family:axicon;display:block;position:absolute;right:20px;top:50%;font-size:28px;margin-top:-14px;line-height:1em;color:#333;} .__faq .box > .desc {border-top:1px solid #ddd;background:#f6f6f6;padding:20px 20px 20px 78px;font-size:14px;line-height:1.7em;display:none;} .__faq .box > .subject:before {content:"Q";background:#333;top:13px;} .__faq .box > .desc:before {content:"A";background:#ff0000;top:13px;} .__faq .box .file {padding-left:60px;position:relative;margin-right:-20px;border-bottom:1px solid #e1e1e1;margin-bottom:20px;padding-right:20px;padding-bottom:10px;} .__faq .box .file strong {position:absolute;left:0;top:0;color:#333;font-weight:normal;} .__faq .box .file a em {font-size:0.8em;color:#999;} .__faq .box .file a:hover {text-decoration:underline;color:#000;} .__faq .box .file ul {display:block;} .__faq .box.active .subject button {color:#000;} .__faq .box.active .subject button:after {content:"\e115";} .__faq .box.active .desc {display:block;} @media all and (max-width:1024px){ .__faq .box > *:before {width:22px;height:22px;line-height:22px;font-size:13px;left:10px;} .__faq .box > .subject button {font-size:14px;padding:10px 35px 10px 40px;} .__faq .box > .subject button:after {right:10px;font-size:20px;margin-top:-10px;} .__faq .box > .desc {padding:10px 10px 10px 40px;font-size:13px;line-height:1.6em;} .__faq .box > .subject:before, .__faq .box > .desc:before {top:9px;} .__faq .box .file {padding-left:53px;margin-right:-10px;margin-bottom:15px;padding-right:10px;padding-bottom:5px;} .__faq .box .file a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;} } .__csReserve .area {margin-top:55px;} .__csReserve .area .box .tbl {display:table;width:100%;table-layout:fixed;} .__csReserve .area .box .tbl > * {display:table-cell;vertical-align:top;} .__csReserve .area .box .lef {width:415px;} .__csReserve .area .box:first-child .lef {width:255px;} .__csReserve .area .box .lef h4 {font-size:24px;font-weight:normal;color:#000;letter-spacing:-0.05em;} .__csReserve .area .box .rig dl {display:table;width:100%;table-layout:fixed;} .__csReserve .area .box .rig dl ~ dl {margin-top:25px;} .__csReserve .area .box .rig dl > * {display:table-cell;vertical-align:top;} .__csReserve .area .box .rig dl dt {font-size:16px;color:#333;letter-spacing:-0.05em;width:160px;} .__csReserve .area .box .rig ul li {position:relative;padding-left:0.8em;font-size:14px;line-height:1.5;color:#000;font-weight:300;} .__csReserve .area .box .rig ul li ~ li {margin-top:10px;} .__csReserve .area .box .rig ul li:before {content:"";display:block;width:3px;height:3px;background:#888;position:absolute;left:0;top:8px;} .__csReserve .area .box .rig ul li span {font-weight:500;} .__csReserve .area .box ~ .box {border-top:1px solid #999;margin-top:50px;padding-top:50px;} @media all and (max-width:1024px){ .__csReserve .area {margin-top:20px;} .__csReserve .area .box .tbl {display:block;} .__csReserve .area .box .tbl > * {display:block;} .__csReserve .area .box .lef {width:auto;} .__csReserve .area .box:first-child .lef {width:auto;} .__csReserve .area .box .lef h4 {font-size:18px;} .__csReserve .area .box .rig {margin-top:15px;} .__csReserve .area .box .rig dl {display:block;} .__csReserve .area .box .rig dl ~ dl {margin-top:15px;} .__csReserve .area .box .rig dl > * {display:block;} .__csReserve .area .box .rig dl dt {font-size:14px;width:auto;} .__csReserve .area .box .rig dl dd {margin-top:10px;} .__csReserve .area .box .rig ul li {font-size:12px;line-height:1.4;} .__csReserve .area .box .rig ul li ~ li {margin-top:3px;} .__csReserve .area .box .rig ul li:before {width:2px;height:2px;top:7px;} .__csReserve .area .box ~ .box {margin-top:20px;padding-top:20px;} } .__csTicket {display:flex;justify-content:space-between;} .__csTicket .box {width:550px;} .__csTicket .box .img {background:#f7f7f7;padding:50px 20px 30px;text-align:center;} .__csTicket .box .info {margin-top:35px;} .__csTicket .box .info dl ~ dl {margin-top:30px;} .__csTicket .box .info dl dt {font-size:16px;color:#333;letter-spacing:-0.05em;} .__csTicket .box .info dl dd {margin-top:12px;} .__csTicket .box .info dl dd li {position:relative;padding-left:0.8em;font-size:14px;line-height:1.5;color:#000;font-weight:300;letter-spacing:-0.05em;} .__csTicket .box .info dl dd li ~ li {margin-top:10px;} .__csTicket .box .info dl dd li:before {content:"";display:block;width:3px;height:3px;background:#888;position:absolute;left:0;top:8px;} .__csTicket .__btn1 {width:220px;} @media all and (max-width:1400px){ .__csTicket {display:block;margin:0 -15px;} .__csTicket:after {content:'';display:block;clear:both;} .__csTicket .box {width:50%;padding:0 15px;float:left;} } @media all and (max-width:1024px){ .__csTicket {margin:0;} .__csTicket .box {width:auto;padding:0;float:none;} .__csTicket .box .img {padding:30px 20px 10px;} .__csTicket .box .info {margin-top:20px;} .__csTicket .box .info dl ~ dl {margin-top:20px;} .__csTicket .box .info dl dt {font-size:14px;} .__csTicket .box .info dl dd {margin-top:7px;} .__csTicket .box .info dl dd li {font-size:12px;line-height:1.4;} .__csTicket .box .info dl dd li ~ li {margin-top:3px;} .__csTicket .box .info dl dd li:before {width:2px;height:2px;top:7px;} .__csTicket .__btn1 {width:200px;} } .__csPrivacy {font-size:14px;line-height:1.7;color:#000;white-space:pre-wrap;letter-spacing:-0.05em;} .__csPrivacy h4 {font-size:24px;font-weight:500;display:inline-block;} .__csPrivacy strong {font-size:18px;font-weight:normal;} @media all and (max-width:1024px){ .__csPrivacy {font-size:13px;line-height:1.6;} .__csPrivacy h4 {font-size:18px;} .__csPrivacy strong {font-size:15px;} } .__pm {display:inline-block;position:relative;width:125px;padding:0 40px;height:40px;border:1px solid #e8e8e8;} .__pm button {display:block;position:absolute;top:0;border:none;width:40px;height:100%;color:#333;background:#fff;font-size:12px;} .__pm .minus {left:0;} .__pm .plus {right:0;} .__pm input[type=text] {display:block;width:100%;height:100%;text-align:center;font-size:14px;color:#333;border:none;} @media all and (max-width:1024px){ .__pm {width:100px;padding:0 30px;height:30px;} .__pm button {width:30px;} } .__pdtHead:after {content:"";display:block;clear:both;} .__pdtHead .img {width:670px;padding-left:120px;position:relative;float:left;} .__pdtHead .img .big {background:#f7f7f7;padding:50px 30px;} .__pdtHead .img .big div {max-width:410px;margin:0 auto;} .__pdtHead .img .big span {display:block;padding-top:139.02439%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;} .__pdtHead .img .thm {position:absolute;left:0;top:0;} .__pdtHead .img .thm li ~ li {margin-top:10px;} .__pdtHead .img .thm li a {display:block;border:1px solid #e3e3e3;width:90px;height:90px;} .__pdtHead .img .thm li a div {max-width:44px;padding-top:14px;margin:0 auto;} .__pdtHead .img .thm li a span {display:block;padding-top:139.02439%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .__pdtHead .info {float:right;width:640px;} .__pdtHead .info .tit {padding-bottom:20px;border-bottom:1px solid #333;} .__pdtHead .info .tit h3 {font-size:40px;letter-spacing:-0.05em;color:#000;font-weight:normal;line-height:1.1;} .__pdtHead .info .sum .box {padding:20px 0;} .__pdtHead .info .sum .box ~ .box {border-top:1px solid #e2e2e2;} .__pdtHead .info .sum .box dl {display:flex;width:100%;align-items:center;min-height:36px;} .__pdtHead .info .sum .box dl.vat {align-items:flex-start;} .__pdtHead .info .sum .box dl dt {width:100px;color:#4a4a4a;letter-spacing:-0.05em;} .__pdtHead .info .sum .box dl dd {color:#7e7d7d;font-weight:300;width:0;flex-grow:1;letter-spacing:-0.05em;} .__pdtHead .info .sum .box dl dd .big {font-size:24px;} .__pdtHead .info .sum .box dl dd .__icoP {margin-right:5px;} .__pdtHead .info .sum .box dl dd .fz13 {font-size:13px;} .__pdtHead .info .sum .box dl dd .price {} .__pdtHead .info .sum .box dl dd .price .__red {margin-right:10px;} .__pdtHead .info .sum .box dl dd .price .__red:last-child {margin-right:0;} .__pdtHead .info .amount {background:#f2f5f6;padding:20px;border-top:1px solid #333;} .__pdtHead .info .amount dl {display:table;width:100%;} .__pdtHead .info .amount dl > * {display:table-cell;vertical-align:middle;} .__pdtHead .info .amount dl dt {font-size:15px;color:#444;} .__pdtHead .info .amount dl dd {text-align:right;} .__pdtHead .info .move {font-size:15px;color:#7e7d7d;font-weight:300;letter-spacing:-0.05em;margin-top:15px;} .__pdtHead .info .total {margin-top:20px;} .__pdtHead .info .total dl {display:table;width:100%;} .__pdtHead .info .total dl > * {display:table-cell;vertical-align:middle;} .__pdtHead .info .total dl dt {font-size:16px;color:#444;font-weight:500;} .__pdtHead .info .total dl dd {text-align:right;font-size:24px;color:#444;} .__pdtHead .info .total dl dd strong {font-size:36px;} .__pdtHead .info .btn {margin:50px -5px 0;overflow:hidden;display:flex;} .__pdtHead .info .btn li {width:0;flex-grow:1;padding:0 5px;} .__icoP {display:inline-block;width:13px;height:13px;border:1px solid #afc7df;font-style:normal;background:#dde9f4;font-size:10px;font-weight:bold;color:#5581ad;text-align:center;line-height:11px;} .__pdtView {margin-top:130px;} .__pdtView:after {content:"";display:block;clear:both;} .__pdtView .lef {float:left;width:980px;} .__pdtView .lef .tab {text-align:center;font-size:0;border-top:1px solid #000;border-bottom:1px solid #bbb;text-align:center;margin-bottom:50px;} .__pdtView .lef .tab li {width:33%;display:inline-block;vertical-align:top;} .__pdtView .lef .tab a {display:block;font-size:18px;letter-spacing:-0.05em;color:#9e9f9f;height:58px;line-height:58px;} .__pdtView .lef .tab a span {padding:0 35px;display:inline-block;position:relative;} .__pdtView .lef .tab .active {color:#000;} .__pdtView .lef .tab .active span:before {content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#000;} .__pdtView .lef .sec ~ .sec {margin-top:100px;} .__pdtView .lef .tit {margin-bottom:20px;} .__pdtView .lef .tit h3 {font-size:24px;font-weight:normal;color:#4a4a4a;letter-spacing:-0.075em;} .__pdtView .lef .review .tit {border-bottom:1px solid #ddd;padding-bottom:10px;} .__pdtView .lef .editor {font-size:16px;line-height:1.7;color:#333;letter-spacing:-0.05em;} .__pdtView .lef .tbl {width:100%;} .__pdtView .lef .tbl tr > * {border:1px solid #ddd;padding:8px 20px;vertical-align:top;font-size:14px;line-height:1.6em;} .__pdtView .lef .tbl tr th {width:160px;background:#f2f2f2;color:#333;font-weight:normal;} .__pdtView .lef .tbl tr td {font-weight:300;} .__review .__inp {border-radius:5px;} .__review .ta {position:relative;padding-right:105px;} .__review .ta .__inp {height:100px;} .__review .ta button {position:absolute;right:0;top:0;width:95px;height:100%;border-radius:5px;background:#666;border:none;font-size:16px;color:#fff;} .__pdtView .quick {float:right;width:340px;} .__pdtView .quick .flex {display:flex;flex-direction:column;position:relative;border:4px solid #222;padding:20px;height:calc(100vh - 40px);} .__pdtView .quick .grow {height:0;flex-grow:1;} .__pdtView .quick .tit {border-bottom:1px solid #333;padding-bottom:20px;} .__pdtView .quick .tit h3 {font-size:22px;letter-spacing:-0.05em;color:#000;font-weight:normal;line-height:1.1;} .__pdtView .quick .sum .box {padding:20px 0;} .__pdtView .quick .sum .box ~ .box {border-top:1px solid #e2e2e2;} .__pdtView .quick .sum .box dl {display:flex;width:100%;align-items:center;min-height:30px;line-height:1.45;} .__pdtView .quick .sum .box dl.vat {align-items:flex-start;} .__pdtView .quick .sum .box dl ~ dl {margin-top:5px;} .__pdtView .quick .sum .box dl dt {width:70px;color:#4a4a4a;} .__pdtView .quick .sum .box dl dd {color:#7e7d7d;font-weight:300;width:0;flex-grow:1;} .__pdtView .quick .sum .box dl dd .big {font-size:24px;} .__pdtView .quick .sum .box dl dd .__icoP {margin-right:5px;} .__pdtView .quick .sum .box dl dd .fz13 {font-size:13px;} .__pdtView .quick .amount {background:#f2f5f6;padding:20px;border-top:1px solid #333;} .__pdtView .quick .amount dl {display:table;width:100%;} .__pdtView .quick .amount dl > * {display:table-cell;vertical-align:middle;} .__pdtView .quick .amount dl dt {font-size:15px;color:#444;line-height:1.3;} .__pdtView .quick .amount dl dd {text-align:right;} .__pdtView .quick .move {font-size:15px;color:#7e7d7d;font-weight:300;letter-spacing:-0.05em;margin-top:15px;} .__pdtView .quick .total {margin-top:20px;} .__pdtView .quick .total dl {display:table;width:100%;} .__pdtView .quick .total dl > * {display:table-cell;vertical-align:middle;} .__pdtView .quick .total dl dt {font-size:16px;color:#444;font-weight:500;} .__pdtView .quick .total dl dd {text-align:right;font-size:24px;color:#444;} .__pdtView .quick .total dl dd strong {font-size:36px;} .__pdtView .quick .btn {margin:50px 0 0;overflow:hidden;} .__pdtView .quick .btn li {} .__pdtView .quick .btn li ~ li {margin-top:14px;} .__revList {border-top:1px solid #727272;} .__revList .box {border-bottom:1px solid #e8e8e8;display:table;width:100%;table-layout:fixed;} .__revList .box > div {display:table-cell;padding:25px 10px;vertical-align:top;} .__revList .box .star {width:110px;text-align:center;color:#ffba00;} .__revList .box .date {text-align:center;width:120px;} .__revList .box .subject {color:#333;display:block;} .__revList .box .subject > strong {font-size:15px;font-weight:normal;} .__revList .box .subject .con {font-size:14px;line-height:1.5;margin-top:13px;font-weight:300;} @media all and (max-width:1400px){ .__pdtHead .img {width:50%;} .__pdtHead .info {width:50%;padding-left:50px;} .__pdtView .lef {width:calc(100% - 370px);} } @media all and (max-width:1024px){ .__pdtHead:after {content:"";display:block;clear:both;} .__pdtHead .img {width:auto;padding-left:0;float:none;} .__pdtHead .img .big {padding:40px;} .__pdtHead .img .big div {max-width:100%;} .__pdtHead .img .thm {margin:10px -5px 0;font-size:0;position:relative;} .__pdtHead .img .thm li {display:inline-block;vertical-align:top;padding:0 5px;width:25%;margin:0 !important;} .__pdtHead .img .thm li a {display:block;border:1px solid #e3e3e3;width:auto;height:auto;padding:5px;} .__pdtHead .img .thm li a div {max-width:100%;padding-top:0;} .__pdtHead .img .thm .active a {border-color:#000;} .__pdtHead .info {float:none;width:auto;margin-top:20px;padding:0;} .__pdtHead .info .tit {padding-bottom:10px;} .__pdtHead .info .tit h3 {font-size:18px;} .__pdtHead .info .sum .box {padding:15px 0;} .__pdtHead .info .sum .box dl {line-height:1.2;font-size:13px;min-height:0;} .__pdtHead .info .sum .box dl ~ dl {margin-top:5px;} .__pdtHead .info .sum .box dl dt {width:70px;letter-spacing:-0.05em;} .__pdtHead .info .sum .box dl dd .big {font-size:20px;} .__pdtHead .info .sum .box dl dd .fz13 {font-size:12px;} .__pdtHead .info .amount {padding:15px;} .__pdtHead .info .amount dl dt {font-size:14px;} .__pdtHead .info .total {margin-top:15px;} .__pdtHead .info .total dl dt {font-size:14px;} .__pdtHead .info .total dl dd {font-size:18px;} .__pdtHead .info .total dl dd strong {font-size:24px;} .__pdtHead .info .btn {margin:30px -5px 0;} .__pdtView {margin-top:50px;} .__pdtView .lef {float:none;width:auto;} .__pdtView .lef .tab {display:flex;margin-bottom:20px;} .__pdtView .lef .tab li {width:auto;flex-grow:1;} .__pdtView .lef .tab a {font-size:14px;height:40px;line-height:1.2;display:flex;align-items:center;position:relative;} .__pdtView .lef .tab a span {padding:0;display:block;width:100%;} .__pdtView .lef .tab .active span:before {display:none;} .__pdtView .lef .tab .active:before {content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#000;} .__pdtView .lef .sec ~ .sec {margin-top:50px;} .__pdtView .lef .tit {margin-bottom:15px;} .__pdtView .lef .tit h3 {font-size:18px;} .__pdtView .lef .review .tit {padding-bottom:7px;} .__pdtView .lef .editor {font-size:14px;line-height:1.6;} .__pdtView .lef .tbl tr > * {padding:7px;font-size:13px;line-height:1.4;letter-spacing:-0.05em;vertical-align:middle;} .__pdtView .lef .tbl tr th {width:80px;} .__pdtView .bookmark {position:relative;} .__pdtView .bookmark span {display:block;position:absolute;left:0;top:-54px;} .__review .ta {padding-right:65px;} .__review .ta .__inp {height:60px;} .__review .ta button {width:60px;font-size:14px;} .__revList .box {display:block;padding:10px;} .__revList .box > div {padding:0;display:block;} .__revList .box .star {width:auto;margin-bottom:7px;text-align:left;} .__revList .box .date {width:auto;margin-top:7px;text-align:left;} .__revList .box .subject {font-size:13px;font-size:14px;} .__revList .box .subject .con {margin-top:5px;font-size:13px;} .__pdtView {position:static !important;} .__pdtView .quick {float:none;width:auto;position:fixed !important;left:0;bottom:0;top:auto !important;width:100% !important;z-index:500;background:#fff;} .__pdtView .quick .flex {border:none;border-top:1px solid #000;padding:15px;height:auto;display:block;} .__pdtView .quick .grow {height:auto;} .__pdtView .quick .tit {padding-bottom:10px;} .__pdtView .quick .tit h3 {font-size:18px;} .__pdtView .quick .sum .box {padding:15px 0;} .__pdtView .quick .sum .box dl {min-height:auto;font-size:14px;line-height:1.3;} .__pdtView .quick .sum .box dl ~ dl {margin-top:7px;} .__pdtView .quick .sum .box dl dt {width:80px;} .__pdtView .quick .sum .box dl dd .big {font-size:18px;} .__pdtView .quick .sum .box dl dd .fz13 {font-size:12px;} .__pdtView .quick .amount {padding:15px;} .__pdtView .quick .amount dl dt {font-size:14px;} .__pdtView .quick .total {margin-top:15px;margin-bottom:20px;} .__pdtView .quick .total dl dt {font-size:14px;} .__pdtView .quick .total dl dd {font-size:18px;} .__pdtView .quick .total dl dd strong {font-size:24px;} .__pdtView .quick .grow, .__pdtView .quick .amount, .__pdtView .quick .total {display:none;} .__pdtView .quick .btn {margin:0 -5px;} .__pdtView .quick .onoff {position:absolute;width:50px;height:20px;left:50%;margin-left:-25px;border:1px solid #000;border-bottom:none;bottom:100%;margin-bottom:-1px;background:#fff;} .__pdtView .quick .onoff:before {content:"\f106";font-family:axicon;color:#000;font-size:18px;} .__pdtView .quick .btn {display:flex;} .__pdtView .quick .btn li {width:0;flex-grow:1;padding:0 5px;margin:0 !important;} .__pdtView .quick.active .grow, .__pdtView .quick.active .amount, .__pdtView .quick.active .total {display:block;} .__pdtView .quick.active .onoff:before {content:"\f107";} } .__pop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;font-size:0;text-align:center;white-space:nowrap;overflow:auto;padding:20px 15px;display:none;} .__pop:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .__pop .bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.7);} .__pop > .inner {display:inline-block;vertical-align:middle;max-width:100%;width:630px;white-space:normal;z-index:10;position:relative;text-align:left;} .__pop .head {background:#11295f;border-radius:10px 10px 0 0;padding:0 30px;position:relative;} .__pop .head h3 {font-size:24px;font-weight:500;color:#fff;letter-spacing:-0.05em;height:68px;line-height:68px;} .__pop .head .close {width:68px;height:100%;border:none;background:none;font-size:28px;color:#fff;position:absolute;right:0;top:0;} .__pop .content {background:#fff;border-radius:0 0 10px 10px;padding:30px;} .__pop.loc .location .bot {margin-top:30px;} .__pop.loc .location .bot .box {display:flex;} .__pop.loc .location .bot .box ~ .box {border-top:1px solid #bfbfbf;margin-top:20px;padding-top:20px;} .__pop.loc .location .bot .box h4 {font-size:20px;font-weight:500;color:#000;margin-right:20px;} .__pop.loc .location .bot .box .cont {width:0;flex-grow:1;font-size:16px;line-height:1.5;color:#000;font-weight:300;} .__pop.loc .location .bot .box .cont ul li {display:inline-block;margin-right:7px;padding-right:10px;position:relative;} .__pop.loc .location .bot .box .cont ul li:before {content:"";display:block;width:1px;height:14px;background:#7f7f7f;position:absolute;right:0;top:6px;} .__pop.loc .location .bot .box .cont ul li:last-child {padding-right:0;margin-right:0;} .__pop.loc .location .bot .box .cont ul li:last-child:before {display:none;} .__pop.loc .location .bot .box .cont dl {display:table;width:100%;table-layout:fixed;} .__pop.loc .location .bot .box .cont dl ~ dl {margin-top:7px;} .__pop.loc .location .bot .box .cont dl > * {display:table-cell;vertical-align:top;font-size:16px;line-height:1.3;} .__pop.loc .location .bot .box .cont dl dt {font-weight:500;width:4em;} @media all and (max-width:1024px){ .__pop .head {border-radius:5px 5px 0 0;padding:0 15px;} .__pop .head h3 {font-size:18px;height:45px;line-height:45px;} .__pop .head .close {width:45px;font-size:24px;} .__pop .content {border-radius:0 0 5px 5px;padding:20px 15px;} .__pop.loc .location .bot {margin-top:15px;} .__pop.loc .location .bot .box {display:block;} .__pop.loc .location .bot .box ~ .box {margin-top:15px;padding-top:15px;} .__pop.loc .location .bot .box h4 {font-size:16px;margin:0 0 10px;} .__pop.loc .location .bot .box .cont {width:auto;font-size:13px;} .__pop.loc .location .bot .box .cont ul li {margin-right:3px;padding-right:5px;} .__pop.loc .location .bot .box .cont ul li:before {height:10px;top:4px;} .__pop.loc .location .bot .box .cont dl {display:block;} .__pop.loc .location .bot .box .cont dl ~ dl {margin-top:7px;} .__pop.loc .location .bot .box .cont dl > * {display:block;font-size:14px;} .__pop.loc .location .bot .box .cont dl dt {width:auto;margin-bottom:2px;} .__pop.loc .location .bot .box .cont dl dd {font-size:13px;} } .__calendar {position:relative;padding-top:30px;} .__calendar .head {text-align:center;position:absolute;left:0;top:30px;width:100%;} .__calendar .head h2 {display:inline-block;position:relative;padding:7px 0 0 95px;color:#373636;position:relative;top:-30px;} .__calendar .head h2 strong {display:block;font-size:74px;font-weight:500;line-height:1;position:absolute;left:0;top:0;line-height:1;} .__calendar .head h2 dl {text-align:left;font-size:30px;line-height:1;} .__calendar .head .comment {position:absolute;right:0;top:15px;white-space:nowrap;} .__calendar .head .comment li {display:inline-block;vertical-align:middle;margin-right:20px;} .__calendar .head .comment li:last-child {margin-right:0;} .__calendar .head .comment li > * {display:inline-block;vertical-align:middle;} .__calendar .head .comment li span {font-size:12px;letter-spacing:-0.05em;} .__calendar .head .comment li i {width:10px;height:10px;border-radius:50%;margin-right:5px;} .__calendar #calendar {position:relative;z-index:1;} .__calendar .fc .fc-toolbar-title {opacity:0;} .__calendar .fc-theme-standard th {background:#f3f3f3;} .__calendar .fc-theme-standard th a {font-weight:normal;} .__calendar .fc-daygrid-dot-event .fc-event-title {font-weight:normal;} @media all and (min-width:1025px){ .__calendar .fc-theme-standard th a {padding:12px 0;} .__calendar .fc .fc-daygrid-day-frame {padding:10px;} } @media all and (max-width:1024px){ .__calendar {position:relative;padding-bottom:25px;padding-top:10px;} .__calendar .head {position:static;top:0;} .__calendar .head {text-align:left;} .__calendar .head h2 {position:absolute;padding:2px 0 0 55px;top:2px;left:0;} .__calendar .head h2 strong {font-size:40px;} .__calendar .head h2 dl {font-size:20px;} .__calendar .head .comment {bottom:0;} .__calendar .head .comment li {margin-right:10px;} .__calendar .head .comment li:last-child {margin-right:0;} .__calendar {font-size:12px;} .__calendar .fc-theme-standard th a {padding:5px 0;} .__calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {order:3;} } .__facilities .sec ~ .sec {margin-top:90px;} .__facilities .sec h4 {font-size:30px;font-weight:500;color:#000;letter-spacing:-0.05em;border-bottom:1px solid #8c8c8c;padding-bottom:10px;margin-bottom:50px;} .__facilities .area:after {content:"";display:block;clear:both;} .__facilities .area .img {width:731px;float:left;position:relative;} .__facilities .area .img button {width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.5);top:50%;margin-top:-25px;border:none;font-size:34px;color:#000;position:absolute;z-index:10;} .__facilities .area .img .prev {left:10px;} .__facilities .area .img .next {right:10px;} .__facilities .area .img .down {margin:60px 0 0;max-width:680px;} .__facilities .area .img .down ul {margin:0 -5px -10px;font-size:0;} .__facilities .area .img .down ul li {display:inline-block;vertical-align:top;width:33.33333%;padding:0 5px;margin-bottom:10px;} .__facilities .area .img .down ul li a {display:flex;align-items:center;background:#df3b42;height:70px;padding:0 20px;font-size:14px;line-height:1.4;color:#fff;position:relative;} .__facilities .area .img .down ul li a:before {content:"\e83e";font-family:axicon;position:absolute;right:20px;top:50%;margin-top:-0.5em;line-height:1;font-size:30px;} .__facilities .area .img .down ul li a div > * {display:block;} .__facilities .area .info {width:600px;float:right;} .__facilities .area .info dl ~ dl {margin-top:30px;} .__facilities .area .info dl dt {font-size:20px;letter-spacing:-0.05em;color:#000;} .__facilities .area .info dl dd {font-size:14px;line-height:1.4;font-weight:300;position:relative;padding-left:14px;margin-top:14px;} .__facilities .area .info dl dd:before {content:"";display:block;width:5px;height:5px;border-radius:50%;position:absolute;left:0;top:6px;background:#c2c2c2;} @media all and (max-width:1420px){ .__facilities .area .img {width:50%;} .__facilities .area .info {width:50%;padding-left:40px;} } @media all and (max-width:1024px){ .__facilities .sec ~ .sec {margin-top:50px;} .__facilities .sec h4 {font-size:18px;padding-bottom:10px;margin-bottom:15px;} .__facilities .area .img {width:auto;float:none;} .__facilities .area .img img {display:block;width:100%;} .__facilities .area .img button {width:30px;height:30px;margin-top:-15px;font-size:20px;} .__facilities .area .img .down {margin:5px 0 0;max-width:100%;} .__facilities .area .img .down ul {margin:0 -2px -4px;} .__facilities .area .img .down ul li {width:50%;padding:0 2px;margin-bottom:4px;} .__facilities .area .img .down ul li a {height:50px;padding:0 10px;font-size:13px;line-height:1.3;} .__facilities .area .img .down ul li a:before {right:10px;font-size:20px;} .__facilities .area .info {width:auto;float:none;margin-top:30px;padding:0;} .__facilities .area .info dl ~ dl {margin-top:20px;} .__facilities .area .info dl dt {font-size:16px;} .__facilities .area .info dl dd {font-size:13px;padding-left:10px;margin-top:10px;} .__facilities .area .info dl dd:before {width:3px;height:3px;top:6px;} } .__rentInfo .tit {margin-bottom:25px;} .__rentInfo .tit h3 strong {font-size:30px;font-weight:500;color:#000;letter-spacing:-0.05em;margin-right:10px;} .__rentInfo .tit h3 em {font-size:16px;font-weight:300;color:#666;} .__rentInfo .renthead {background:#f6f6f6;padding:95px 35px 5px;} .__rentInfo .renthead .sizer {width:calc((100% - 1140px) / 2);} .__rentInfo .renthead .box {width:380px;margin-bottom:55px;} .__rentInfo .renthead .box h5 {overflow:hidden;position:relative;margin-bottom:20px;} .__rentInfo .renthead .box h5:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-2px;height:4px;background:#000;width:100%;} .__rentInfo .renthead .box h5 span {font-size:24px;font-weight:900;color:#000;background:#f6f6f6;position:relative;padding-right:15px;} .__rentInfo .renthead .box dl dt {font-size:24px;font-weight:300;color:#000;} .__rentInfo .renthead .box dl dd {margin-top:20px;} .__rentInfo .renthead .box dl dd > ul > li {font-size:14px;line-height:1.4;font-weight:300;position:relative;padding-left:14px;text-indent:-14px;margin-top:14px;} .__rentInfo .renthead .box dl dd > ul > li * {text-indent:0;} .__rentInfo .renthead .box dl dd > ul > li span, .__rentInfo .renthead .box dl dd > ul > li strong {color:#df3b42;} .__rentInfo .renthead .box dl dd > ul > li strong {font-size:24px;font-weight:normal;} .__rentInfo .renthead .box dl dd > ul > li ~ li {margin-top:10px;} .__rentInfo .renthead .box dl dd > ul > li:before {content:"\2022";color:#bbb;font-weight:bold;display:inline-block;text-indent:0;width:1em;} .__rentInfo .renthead .box .down {margin:20px 0 0;} .__rentInfo .renthead .box .down ul {margin:0 -5px -10px;font-size:0;} .__rentInfo .renthead .box .down ul li {display:inline-block;vertical-align:top;width:50%;padding:0 5px;margin-bottom:10px;} .__rentInfo .renthead .box .down ul li a {display:flex;align-items:center;background:#df3b42;height:70px;padding:0 20px;font-size:14px;line-height:1.4;color:#fff;position:relative;} .__rentInfo .renthead .box .down ul li a:before {content:"\e83e";font-family:axicon;position:absolute;right:20px;top:50%;margin-top:-0.5em;line-height:1;font-size:30px;} .__rentInfo .renthead .box .down ul li a div > * {display:block;} .__rentInfo .renthead .box4, .__rentInfo .renthead .box5 {min-height:196px;} .__rentInfo .renthead .inq {border:1px solid #b3b3b3;background:#fff;padding:20px;margin-top:30px;} .__rentInfo .renthead .inq .head strong {font-size:24px;font-weight:300;color:#191919;margin-right:5px;} .__rentInfo .renthead .inq .head span {font-size:14px;color:#999;} .__rentInfo .renthead .inq .tel {margin:10px 0 12px;} .__rentInfo .renthead .inq .tel span {font-size:24px;font-weight:300;color:#191919;margin-right:5px;} .__rentInfo .renthead .inq .tel strong {font-size:40px;font-weight:bold;color:#191919;} .__rentInfo .renthead .inq .sd {font-size:14px;color:#999;line-height:1.3;padding-left:6em;text-indent:-6em;} .__rentInfo .rentcon {margin-top:90px;} .__rentInfo .rentcon .sec ~ .sec {margin-top:70px;} .__rentInfo .rentcon h3 {font-size:30px;margin-bottom:60px;padding-bottom:13px;font-weight:500;color:#000;letter-spacing:-0.05em;border-bottom:1px solid #8c8c8c;} .__rentInfo .rentcon h4 {margin-bottom:15px;} .__rentInfo .rentcon h4 strong {font-size:24px;font-weight:500;color:#000;margin-right:5px;} .__rentInfo .rentcon h4 span {font-size:16px;font-weight:300;} .__rentInfo .rentcon h5 {font-size:18px;letter-spacing:-0.05em;font-weight:normal;margin-bottom:10px;} .__rentInfo .rentcon h5 ~ h5 {margin-top:40px;} .__rentInfo .rentcon .add {font-size:18px;line-height:1.65;margin-top:20px;letter-spacing:-0.05em;} .__rentInfo .rentcon .dot {margin-top:20px;} .__rentInfo .rentcon .dot > li {font-size:14px;line-height:1.4;font-weight:300;position:relative;padding-left:14px;text-indent:-14px;margin-top:14px;} .__rentInfo .rentcon .dot > li * {text-indent:0;} .__rentInfo .rentcon .dot > li ~ li {margin-top:5px;} .__rentInfo .rentcon .dot > li:before {content:"\2022";color:#bbb;font-weight:bold;display:inline-block;text-indent:0;width:1em;} @media all and (max-width:1320px){ .__rentInfo .renthead .sizer {width:3.5%;} .__rentInfo .renthead .box {width:31%;} .__rentInfo .tit h3 strong, .__rentInfo .tit h3 em {display:block;} .__rentInfo .tit h3 em {margin-top:10px;} } @media all and (max-width:1024px){ .__rentInfo .tit {margin-bottom:15px;} .__rentInfo .tit h3 strong {font-size:18px;margin-right:0;} .__rentInfo .tit h3 em {font-size:13px;line-height:1.3;} .__rentInfo .renthead {padding:15px 15px 0;} .__rentInfo .renthead .sizer {width:0;} .__rentInfo .renthead .box {width:100%;margin-bottom:20px;} .__rentInfo .renthead .box h5 {margin-bottom:10px;} .__rentInfo .renthead .box h5:before {margin-top:-1px;height:2px;} .__rentInfo .renthead .box h5 span {font-size:16px;padding-right:10px;} .__rentInfo .renthead .box dl dt {font-size:16px;} .__rentInfo .renthead .box dl dd {margin-top:10px;} .__rentInfo .renthead .box dl dd > ul > li {font-size:13px;padding-left:14px;text-indent:-14px;margin-top:14px;} .__rentInfo .renthead .box dl dd > ul > li strong {font-size:18px;} .__rentInfo .renthead .box dl dd > ul > li ~ li {margin-top:5px;} .__rentInfo .renthead .box .down {margin-top:10px;} .__rentInfo .renthead .box .down ul {margin:0 -2px -4px;} .__rentInfo .renthead .box .down ul li {width:50%;padding:0 2px;margin-bottom:4px;} .__rentInfo .renthead .box .down ul li a {height:50px;padding:0 10px;font-size:13px;line-height:1.3;} .__rentInfo .renthead .box .down ul li a:before {right:10px;font-size:20px;} .__rentInfo .renthead .box4, .__rentInfo .renthead .box5 {min-height:0;} .__rentInfo .renthead .inq {padding:15px;margin-top:20px;} .__rentInfo .renthead .inq .head strong {font-size:16px;} .__rentInfo .renthead .inq .head span {font-size:13px;} .__rentInfo .renthead .inq .tel {margin:7px 0 10px;} .__rentInfo .renthead .inq .tel span {font-size:18px;} .__rentInfo .renthead .inq .tel strong {font-size:24px;} .__rentInfo .renthead .inq .sd {font-size:13px} .__rentInfo .rentcon {margin-top:50px;} .__rentInfo .rentcon .sec ~ .sec {margin-top:50px;} .__rentInfo .rentcon h3 {font-size:18px;margin-bottom:20px;padding-bottom:10px;} .__rentInfo .rentcon h4 {margin-bottom:10px;} .__rentInfo .rentcon h4 strong {font-size:16px;} .__rentInfo .rentcon h4 span {font-size:15px;} .__rentInfo .rentcon h5 {font-size:14px;margin-bottom:7px;} .__rentInfo .rentcon h5 ~ h5 {margin-top:30px;} .__rentInfo .rentcon .add {font-size:14px;line-height:1.4;margin-top:15px;} .__rentInfo .rentcon .dot {margin-top:15px;} .__rentInfo .rentcon .dot > li {font-size:13px;margin-top:10px;} } .__artVis {overflow:hidden;position:relative;border-radius:20px;} .__artVis .vis span {display:block;padding-top:56.714285%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .__artVis button {width:50px;height:50px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;top:50%;margin-top:-25px;border:none;font-size:24px;color:#fff;position:absolute;z-index:10;} .__artVis .prev {left:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E%0A");} .__artVis .next {right:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");} .__tit1 {text-align:center;} .__tit1 h3 {font-size:60px;color:#000;letter-spacing:-0.075em;font-weight:bold;} .__tit2 {text-align:center;margin-bottom:45px;} .__tit2 h3 {font-size:34px;font-weight:500;color:#000;} .__tit2 .step {font-size:0;margin-top:45px;} .__tit2 .step li {display:inline-block;position:relative;font-size:22px;font-weight:500;color:#999;letter-spacing:-0.075em;} .__tit2 .step li ~ li {margin-left:30px;padding-left:35px;} .__tit2 .step li ~ li:before {content:"\f105";font-family:axicon;position:absolute;left:0;top:50%;margin-top:-0.5em;line-height:1em;color:#bababa;} .__tit2 .step li.active {color:#000;} .__tit3 {margin-bottom:10px;} .__tit3 h3 {font-size:24px;font-weight:normal;color:#333;letter-spacing:-0.025em;} .__tit3 h3 label {font-size:16px;color:#999;font-weight:300;display:inline-block;margin-left:10px;} .__tit3.line {padding-bottom:13px;border-bottom:1px solid #999;margin-bottom:45px;} @media all and (max-width:1024px){ .__artVis {border-radius:10px;} .__artVis .vis span {display:block;padding-top:56.714285%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .__artVis button {width:40px;height:40px;margin-top:-20px;background-size:20px auto;} .__artVis .prev {left:5px;} .__artVis .next {right:5px;} .__tit1 h3 {font-size:28px;} .__tit2 {margin-bottom:20px;} .__tit2 h3 {font-size:24px;} .__tit2 .step {margin-top:15px;} .__tit2 .step li {font-size:14px;} .__tit2 .step li ~ li {margin-left:10px;padding-left:15px;} .__tit3 h3 {font-size:18px;} .__tit3 h3 label {font-size:14px;} } .__layout {max-width:1178px;margin:0 auto;} .__rentWriHead:after {content:'';display:block;clear:both;} .__rentWriHead .lef {float:left;} .__rentWriHead .rig {float:right;padding-left:50px;border-left:1px solid #ccc;} .__rentWriHead h3 {font-size:30px;font-weight:500;color:#000;} .__rentWriHead p {font-size:16px;line-height:1.7;font-weight:300;margin-top:15px;} .__rentWriHead ul > li {font-size:14px;line-height:1.6;font-weight:300;position:relative;padding-left:14px;text-indent:-14px;} .__rentWriHead ul > li * {text-indent:0;} .__rentWriHead ul > li ~ li {margin-top:5px;} .__rentWriHead ul > li:before {content:"\2022";color:#bbb;font-weight:bold;display:inline-block;text-indent:0;width:1em;} .__rentWriHead ul > li strong {font-size:24px;font-weight:normal;color:#df3b42;} .__rentWriHead ul > li span {color:#df3b42;} .__file {max-width:430px;position:relative;padding-right:85px;} .__file input[type='file'] {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;opacity:0;} .__file .sel {display:block;position:absolute;right:0;top:0;width:80px;height:100%;border:none;background:#787878;color:#fff;font-size:16px;font-weight:300;letter-spacing:-0.05em;} @media all and (max-width:1024px){ .__rentWriHead .lef {float:none;} .__rentWriHead .rig {float:none;border-left:none;border-top:1px solid #ccc;padding:10px 0 0;margin-top:10px;} .__rentWriHead h3 {font-size:18px;} .__rentWriHead p {font-size:14px;line-height:1.4;margin-top:10px;} .__rentWriHead ul > li {font-size:13px;line-height:1.4;padding-left:14px;text-indent:-14px;} .__rentWriHead ul > li ~ li {margin-top:2px;} .__rentWriHead ul > li strong {font-size:18px;} .__file {padding-right:70px;} .__file .sel {width:65px;font-size:14px;} } .__info {display:table;width:100%;text-align:left;} .__info > div {display:table-cell;vertical-align:middle;} .__info .img {width:72px;} .__info .img a {border:1px solid #ddd;width:72px;display:block;} .__info .img a img {display:block;} .__info .info {padding-left:20px;} .__info .info .sjt a {display:block;font-size:16px;} .__info .info .sjt ~ p {margin-top:10px;} .__tblBot {margin-top:-1px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:20px;background:#f2f5f6;} .__tblBot .tbl {display:table;width:100%;} .__tblBot .tbl > div {display:table-cell;vertical-align:middle;} .__tblBot .tbl .lef {text-align:left;} .__tblBot .tbl .rig {text-align:right;} .__tblBot .point dl {display:inline-block;vertical-align:middle;} .__tblBot .point dl dt {font-size:18px;} .__tblBot .point dl dd {font-size:18px;margin-top:5px;} .__tblBot .point dl dd strong {color:#000;font-weight:normal;font-size:20px;} .__tblBot .point dl ~ dl {margin-left:50px;} .__tblBot .point .red {text-align:right;color:#e51b13;} .__tblBot .point .red dd {font-size:24px;} .__tblBot .point .red dd strong {font-size:28px;color:#e51b13;} .__tblBot .point .red dd em {font-size:20px;font-weight:300;color:#000;} .__dotList > li {font-size:14px;line-height:1.6;font-weight:normal;position:relative;padding-left:14px;text-indent:-14px;} .__dotList > li * {text-indent:0;} .__dotList > li ~ li {margin-top:5px;} .__dotList > li:before {content:"\2022";color:#bbb;font-weight:bold;display:inline-block;text-indent:0;width:1em;} @media all and (max-width:1024px){ .__info .img {width:50px;} .__info .img a {width:50px;} .__info .info {padding-left:15px;} .__info .info .sjt a {font-size:14px;} .__info .info .sjt ~ p {margin-top:5px;} .__tblBot {padding:15px;} .__tblBot .tbl {display:block;} .__tblBot .tbl > div {display:block;} .__tblBot .tbl > div ~ div {margin-top:15px;} .__tblBot .tbl .lef, .__tblBot .tbl .rig {text-align:center;} .__tblBot .point dl {display:block;} .__tblBot .point dl dt {font-size:14px;} .__tblBot .point dl dd {font-size:14px;} .__tblBot .point dl dd strong {font-size:16px;} .__tblBot .point dl ~ dl {margin:20px 0 0;} .__tblBot .point .red {text-align:center;} .__tblBot .point .red dd {font-size:16px;} .__tblBot .point .red dd strong {font-size:18px;} .__tblBot .point .red dd em {display:block;font-size:13px;margin-bottom:5px;} .__dotList > li {font-size:13px;line-height:1.5;padding-left:12px;text-indent:-12px;} .__dotList > li ~ li {margin-top:2px;} } .__calc {border-top:2px solid #333;border-bottom:1px solid #e8e8e8;text-align:center;} .__calc:after {content:"";display:block;clear:both;} .__calc dl {position:relative;float:left;width:25%;} .__calc dl dt {height:60px;line-height:60px;font-size:18px;color:#333;} .__calc dl dd {border-top:1px solid #e8e8e8;height:117px;position:relative;white-space:nowrap;} .__calc dl ~ dl dd {border-left:1px solid #e8e8e8;} .__calc dl ~ dl dd:before {content:"";display:block;width:35px;height:35px;position:absolute;left:-17.5px;top:50%;margin-top:-17.5px;background-repeat:no-repeat;background-size:contain;} .__calc dl dd:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} .__calc dl dd span {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;} .__calc dl dd span strong {font-size:28px;font-weight:500;color:#000;} .__calc dl dd span em {font-size:24px;font-weight:normal;} .__calc dl:last-child dt, .__calc dl:last-child dd span strong, .__calc dl:last-child dd span em {color:#e51b13;} .__calc .box2 dd:before {background-image:url(../images/ico-calc1.gif);} .__calc .box3 dd:before {background-image:url(../images/ico-calc2.gif);} .__calc .box4 dd:before {background-image:url(../images/ico-calc3.gif);} @media all and (max-width:1024px){ .__calc dl {width:50%;border-right:1px solid #e8e8e8;} .__calc dl:nth-child(odd) {border-left:1px solid #e8e8e8;clear:both;} .__calc dl:nth-child(n+3) {border-top:1px solid #e8e8e8;} .__calc dl dt {height:35px;line-height:35px;font-size:16px;} .__calc dl dd {height:70px;border-left:none !important;} .__calc dl ~ dl dd:before {width:20px;height:20px;left:-10px;margin-top:-10px;} .__calc dl dd span strong {font-size:18px;} .__calc dl dd span em {font-size:14px;} } .__orderResult {text-align:center;} .__orderResult .ico i {font-size:80px;color:#a8a8a8;} .__orderResult dl {margin-top:45px;} .__orderResult dl dt {font-size:34px;font-weight:500;color:#000;letter-spacing:-0.075em;} .__orderResult dl dd {font-size:16px;color:#000;letter-spacing:-0.075em;font-weight:300;margin-top:10px;} @media all and (max-width:1024px){ .__orderResult .ico i {font-size:60px;} .__orderResult dl {margin-top:20px;} .__orderResult dl dt {font-size:24px;} .__orderResult dl dd {font-size:14px;line-height:1.4;} } .__subsFoot .tit {margin-bottom:50px;} .__subsFoot .tit h3 {font-size:30px;color:#000;font-weight:300;border-bottom:3px solid #222;padding-bottom:7px;margin-bottom:20px;} .__subsFoot .tit h3 strong {font-weight:500;} .__subsFoot .tit p {font-size:14px;font-weight:300;line-height:1.4;} .__subsFoot h4 {font-size:18px;color:#333;margin-bottom:10px;font-weight:normal;letter-spacing:-0.05em;} .__subsFoot h4 ~ h4 {margin-top:45px;} .__subsFoot .txt {font-size:14px;line-height:1.4;margin-top:15px;} @media all and (max-width:1024px){ .__subsFoot .tit {margin-bottom:20px;} .__subsFoot .tit h3 {font-size:18px;border-bottom:1px solid #222;margin-bottom:15px;} .__subsFoot .tit p {font-size:13px;} .__subsFoot h4 {font-size:16px;margin-bottom:10px;} .__subsFoot h4 ~ h4 {margin-top:30px;} .__subsFoot .txt {font-size:13px;margin-top:10px;} } .__winpop {height:100%;} .__winpop .title {background:#000;display:table;width:100%;height:70px;} .__winpop .title li {display:table-cell;vertical-align:middle;padding-left:25px;} .__winpop .title li h1 {font-size:20px;letter-spacing:-0.05em;color:#fff;font-weight:normal;} .__winpop .title li ~ li {text-align:right;padding:0 25px 0 0;} .__winpop .title .step {font-size:0;} .__winpop .title .step span {display:inline-block;font-size:14px;font-weight:300;letter-spacing:-0.03em;margin-right:4px;padding-right:18px;position:relative;color:#fff;} .__winpop .title .step span:before {content:"\E932";font-family:axicon;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1;opacity:0.5;} .__winpop .title .step span:last-child {margin-right:0;padding-right:0;} .__winpop .title .step span:last-child:before {display:none;} .__ticket {display:flex;height:calc(100% - 70px);} .__ticket > div {padding:30px 20px;position:relative;} .__ticket .flex {display:flex;flex-direction:column;} .__ticket .flex > .grow {height:0;flex-grow:1;overflow:auto;} .__ticket .lef {width:25.5%;} .__ticket .cen {width:53.1%;border-left:1px solid #a1a1a1;border-right:1px solid #a1a1a1;} .__ticket .rig {width:21.4%;} .__ticket .rig .btn {margin:0 -20px -30px;} .__ticket .rig .btn button {width:100%;display:block;height:60px;color:#fff;background:#000;font-size:20px;letter-spacing:-0.05em;border:none;} .__ticket h3 {font-size:16px;font-weight:normal;color:#333;margin-bottom:10px;} .__ticket.type2 .lef {width:73.9%;} .__ticket.type2 .rig {width:26.1%;padding-left:0;padding-right:0;border-left:1px solid #a1a1a1;} .__ticket.type2 .rig .btn {margin-left:0;margin-right:0;} .__ticInfo {text-align:center;} .__ticInfo .obj {display:inline-block;text-align:left;margin-top:20px;} .__ticInfo .obj .subject {font-size:18px;color:#000;} .__ticInfo .obj .sum {font-size:13px;color:#999;line-height:1.4;margin-top:8px;} .__cal .ui-datepicker-inline {width:100%;border-bottom:1px solid #ddd;border-top:2px solid #222;} .__cal .ui-datepicker .ui-datepicker-calendar {width:100%;} .__cal .ui-datepicker .ui-widget-header {padding:2px 0 20px;} .__cal .ui-datepicker .ui-datepicker-next, .__cal .ui-datepicker .ui-datepicker-prev {top:0;} .__cal .ui-datepicker .ui-state-default {width:20px;height:20px;margin:2px auto;} .__cal .ui-datepicker .ui-state-default {line-height:20px;} .__cal .ui-datepicker-calendar thead tr {top:-18px;} .__cal .ui-widget.ui-widget-content {box-shadow:none;border-radius:0;} .__cal .ui-datepicker .ui-widget-header {background:#999;} .__cal .ui-datepicker-current-day .ui-state-default {background:#ff2020 !important;} .__cal .ui-datepicker-calendar thead th {opacity:1;} .__selNum {border-top:2px solid #222;padding-top:10px;} .__selNum dl {width:100%;table-layout:fixed;display:table;} .__selNum dl ~ dl {margin-top:10px;} .__selNum dl > * {display:table-cell;vertical-align:middle;font-size:14px;} .__selNum dl dt {width:50px;} .__chiar li {display:inline-block;vertical-align:top;margin-right:5px;} .__chiar li:last-child {margin-right:0;} .__chiar li > i {display:inline-block;vertical-align:middle;width:15px;height:15px;border:1px solid #9c9c9c;margin-right:2px;font-style:normal;text-align:center;font-size:11px;line-height:13px;} .__chiar li span {display:inline-block;vertical-align:middle;font-size:13px;font-weight:300;} .__chairSort .area {background:#f7f7f7;height:210px;overflow:auto;padding:15px 10px;border-top:2px solid #222;} .__chairSort .area p {font-size:13px;color:#888;font-weight:300;position:relative;padding-right:25px;} .__chairSort .area p ~ p {margin-top:12px; } .__chairSort .area .cls {width:15px;height:15px;border:1px solid #000;background:none;color:#000;font-size:12px;position:absolute;right:0;top:50%;margin-top:-7.5px;} .__chairSort .reset button {height:50px;border:none;background:#d3d3d3;font-size:16px;width:100%;} @media all and (max-width:1024px){ .__winpop.type1 .title {display:block;height:auto;padding:15px;} .__winpop.type1 .title li {display:block;padding-left:0;} .__winpop.type1 .title li h1 {font-size:18px;} .__winpop.type1 .title li ~ li {text-align:left;padding:0;margin-top:10px;} .__winpop.type1 .title .step span {font-size:13px;margin-right:3px;padding-right:14px;} .__ticket {display:block;height:auto;} .__ticket > div {padding:15px;} .__ticket .flex {display:block;} .__ticket .flex > .grow {height:auto;overflow:visible;} .__ticket .lef {width:auto;} .__ticket .cen {width:auto;border:none;border-top:1px solid #a1a1a1;} .__ticket .rig {width:auto;border-top:1px solid #a1a1a1;} .__ticket .rig .btn {margin:20px -15px -15px;} .__ticket .rig .btn button {height:50px;font-size:16px;} .__ticket.type2 .lef {width:auto;} .__ticket.type2 .rig {width:auto;border:none;border-top:1px solid #a1a1a1;} .__ticket.type2 .rig .btn {margin-left:0;margin-right:0;} .__ticInfo {text-align:center;} .__ticInfo .obj {display:inline-block;text-align:left;margin-top:20px;} .__ticInfo .obj .subject {font-size:18px;color:#000;} .__ticInfo .obj .sum {font-size:13px;color:#999;line-height:1.4;margin-top:8px;} .__cal .ui-datepicker {width:100% !important;left:auto !important;margin-left:auto !important;} .__chiar {margin-top:20px;} .__chiar li {margin-right:5px;} .__chiar li > i {width:12px;height:12px;line-height:10px;} .__chiar li span {font-size:12px;} .__chairSort .area {height:150px;} .__chairSort .reset button {height:40px;} } .__ovy {overflow-y:auto;border:1px solid #ddd;border-top:2px solid #222;} .__ovy .__tbl {border-top:none;} .__ovy .__tbl caption {border:none;} .__ovy .__tbl tr > * {padding:10px;} .__ovy .__tbl tbody tr > * {border-bottom:none;} .__alert {font-size:13px;line-height:1.4;color:#777;padding-left:20px;position:relative;} .__alert i {position:absolute;left:0;top:1px;color:#ff5a00;font-size:16px;} .__pointUse {display:flex;} .__pointUse dt {font-size:14px;color:#333;margin-right:30px;} .__pointUse dd {width:0;flex-grow:1;font-size:13px;line-height:1.55;font-weight:300;} .__ticRes {margin:25px 0 0;padding:0 20px;border-top:2px solid #333;} .__ticRes .head {padding:17px 0;} .__ticRes .head dl {display:table;width:100%;font-size:14px;color:#888;} .__ticRes .head dl ~ dl {margin-top:12px;} .__ticRes .head dl > * {display:table-cell;} .__ticRes .head dl dd {text-align:right;} .__ticRes .mid {background:#e6e6e6;margin:0 -20px;padding:10px 20px;} .__ticRes .mid dl {display:table;width:100%;} .__ticRes .mid dl > * {display:table-cell;vertical-align:middle;} .__ticRes .mid dl dt {font-size:14px;color:#333;} .__ticRes .mid dl dd {text-align:right;font-size:20px;color:#ff0000;} .__ticRes .foot {font-size:14px;line-height:1.4;margin-top:10px;} @media all and (max-width:1024px){ .__alert {font-size:12px;padding-left:18px;} .__alert i {font-size:14px;top:0;} .__pointUse {display:block;} .__pointUse dt {margin:0 0 7px;} .__pointUse dd {width:auto;line-height:1.4;} } @media all and (max-width:450px){ .__winpop.type2 .title {display:block;height:auto;padding:15px;text-align:center;} .__winpop.type2 .title li {display:block;padding-left:0;} .__winpop.type2 .title li h1 {font-size:18px;} .__winpop.type2 .title li ~ li {text-align:left;padding:0;margin-top:10px;} .__winpop.type2 .title .step span {font-size:13px;margin-right:3px;padding-right:14px;text-align:center;} } .__winCont {padding:30px 15px;} .__stage {font-size:0;text-align:center;padding:20px 15px;} .__stage .wrap {display:inline-block;max-width:100%;text-align:left;padding:0 15px;} .__stage .stage {background:#efefef;color:#000;font-size:18px;font-weight:300;line-height:70px;text-align:center;} .__stage .line {position:relative;white-space:nowrap;} .__stage .line ~ .line {margin-top:8px;} .__stage .item {display:inline-block;vertical-align:middle;position:relative;margin-right:2px;} .__stage .item:last-child {margin-right:0;} .__stage .item .box ~ .box {margin-top:2px;} .__stage .item strong {font-size:11px;position:absolute;font-weight:500;color:#777;display:block;line-height:15px;text-align:center;width:1em;} .__stage .item.l {padding-left:17px;} .__stage .item.l strong {left:0;top:0;} .__stage .item.r {padding-right:17px;} .__stage .item.r strong {right:0;top:0;} .__stage .item.t {padding-top:17px;} .__stage .item.t strong {left:0;top:0;width:15px;} .__stage .item.b {padding-bottom:17px;} .__stage .item.b strong {left:0;bottom:0;width:15px;} .__stage label, .__stage em {display:inline-block;position:relative;vertical-align:top;margin-right:2px;width:15px;height:15px;} .__stage label:last-child, .__stage em:last-child {margin-right:0;} .__stage label input {position:absolute;left:-9999px;top:0;} .__stage label i {display:block;width:15px;height:15px;border:1px solid #ccc;font-style:normal;text-align:center;line-height:13px;font-size:10px;color:#333;letter-spacing:-0.1em;text-indent:-1px;color:#999;} .__stage label input:checked ~ i {background:#da061f;border-color:#da061f;color:#fff;} .__stage label i.axi {font-size:11px;text-indent:-1px;} .__stage label i.axi:before {display:block;line-height:13px;} .__stage .floor {font-size:16px;color:333;margin:15px 0 5px;text-align:center;} .__stage.stage1 .stagewrap {position:relative;padding:0 58px;display:inline-block;} .__stage.stage1 .stagewrap .al {position:absolute;left:0;top:-13px;margin-top:0;} .__stage.stage1 .stagewrap .ar {position:absolute;right:0;top:-13px;margin-top:0;} .__stage.stage3 .stagewrap {position:relative;display:inline-block;padding:0 24px 0 95px;height:310px;} .__stage.stage3 .stagewrap .al {position:absolute;left:0;top:50px;margin-top:0;} .__stage.stage3 .stagewrap .ar {position:absolute;right:0;top:50px;margin-top:0;} .__stage.stage4 .stagewrap {position:relative;display:inline-block;padding:0 24px 0 95px;padding-left:150px;} .__stage.stage4 .stagewrap .al {position:absolute;left:0;top:50px;margin-top:0;transform:rotate(45deg);overflow-y:hidden;} @media all and (max-width:1024px){ .__stage {margin:0 -15px;padding:20px 15px;overflow:auto;} .__stage .wrap {max-width:none;padding:0;} } #vis {position:relative;} /*#vis .vis {padding-top:56.25%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;position:relative;overflow:hidden;background-color:#000;}*/ #vis .vis {padding-top:50%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;position:relative;overflow:hidden;background-color:#000;} #vis button {width:50px;height:50px;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;top:50%;margin-top:-25px;border:none;font-size:24px;color:#fff;position:absolute;z-index:10;} #vis .vis video {height:100%;width:177.77777778vh;min-width:100%;min-height:56.25vw;z-index:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #vis .prev {left:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E%0A");} #vis .next {right:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}