@charset "utf-8"; /* ---------------------------------------------------------- globalnav css 모바일 상세 네비 ----------------------------------------------------------*/ .blind{position:absolute; overflow:hidden; margin:-1px; width:1px; height:1px; clip:rect(0 0 0 0)} .main{background:#3263EC;height:48px;width:100%} #ac-globalnav .ac-search .search{margin-left:30px;height:45px} #ac-globalnav .ac-search .search input{height:42px;width:100%;font-size:15px;color:#999;font-family:initial} .ac-watvlogo{display:flex; align-items:center; height:100%; padding-left:15px; padding-right:63px} .ac-watvlogo .mobile-logo{color:#fff;font-size:9px;position:relative;top:0;/*height:48px;*/display:inline-block;line-height:65px} .ac-watvlogo .site-name a{color:#fff} /*.ac-watvlogo a::before{content:'';display:inline-block;background:url(/images/mobile-logo@2x.png) center no-repeat;background-size:68px;width:68px;height:17px;top:10px;position:absolute}*/ .ac-logo,.ac-logo a{font-size:0;width:160px} .ac-watvlogo a:hover{text-decoration:none} .site-name{font-size:14px; color:#fff; letter-spacing:-0.3px; font-weight:600; line-height:1.2} #menustate:checked~#ac-globalnav .ac-content .ac-watvlogo{display:none} .ac-menuadmin{display:none;z-index:99999;transition:all .3s ease} #menustate:checked~#ac-globalnav .ac-content .ac-menuadmin{display:inline-block;z-index:9999!important} .ac-logo{display:inline-block;height:48px} .ac-logo a{display:block;height:48px} #ac-globalnav{position:fixed;top:0;right:0;left:0;z-index:888;display:none;margin:0;width:100%;min-width:1024px;height:48px;max-height:44px;background:#fcfcfc;background:rgba(255,255,255,100);font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)} #ac-globalnav.blocktransitions,#ac-globalnav.blocktransitions *,#ac-globalnav.blocktransitions * :after,#ac-globalnav.blocktransitions * :before,#ac-globalnav.blocktransitions:after,#ac-globalnav.blocktransitions:before{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important} #ac-globalnav .ac-search::before{content:'';display:inline-block;background:url(/images/main-search-ico@2x.png) left center no-repeat;background-size:18px;width:18px;height:37px;margin-right:10px;position:absolute;top:3px} @media only screen and (max-width:1044px){#ac-globalnav{min-width:320px} } @media only screen and (max-width:960px){#ac-globalnav{display:block;max-height:none;-webkit-transition:background .35s linear,height .35s ease-in;transition:background .35s linear,height .35s ease-in} #menustate:checked~#ac-globalnav,#menustate:target~#ac-globalnav{height:100%;-webkit-transition:background .35s linear,height .35s ease-in .2s;transition:background .35s linear,height .35s ease-in .2s} #ac-globalnav.searchhide,#ac-globalnav.searchopen,#ac-globalnav.searchshow{position:fixed} } #menustate,.ac-nav-overlap #ac-gn-placeholder{display:none} #ac-gn-placeholder{height:44px} @-webkit-keyframes ac-gn-curtain-show{0%{opacity:0;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1} } @keyframes ac-gn-curtain-show{0%{opacity:0;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1} } #ac-globalnav .ac-content{margin:0 auto;max-width:980px;padding:0 22px;position:relative;z-index:2} @media only screen and (max-width:960px){#ac-gn-placeholder{height:48px} #ac-globalnav .ac-content{padding:0;position:absolute;top:0;width:100%;height:100%} } #ac-globalnav .ac-gn-menu{display:none;position:fixed;z-index:3;top:0;right:0;width:100%;height:48px;overflow:hidden;background:#3263EC} #ac-globalnav .ac-gn-menu .ac-admin{position:absolute;width:48px;top:0;left:50%;margin-left:-24px;text-align:center;z-index:1} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-menu,#ac-globalnav .ac-gn-menu .ac-admin{display:block} #ac-globalnav .searchhide .ac-gn-menu,#ac-globalnav .searchshow .ac-gn-menu,#ac-globalnav.searchopen .ac-gn-menu{background:#000;-webkit-transform:translateZ(0);transform:translateZ(0)} #ac-globalnav .searchopen .ac-gn-menu .ac-admin{display:none} #ac-globalnav .ac-gn-menu .ac-gn-bag-small{display:block} } @-webkit-keyframes ac-gn-list-searchshow{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(-100%) translateY(108px);transform:translateY(-100%) translateY(108px)} } @keyframes ac-gn-list-searchshow{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(-100%) translateY(108px);transform:translateY(-100%) translateY(108px)} } #ac-globalnav .ac-gn-list{cursor:default;margin:0 -10px;width:auto;height:44px;text-align:justify;-ms-text-justify:distribute-all-lines;text-justify:distribute-all-lines;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #ac-globalnav .ac-gn-list:after{content:'';width:100%;display:inline-block;font-size:0;line-height:0} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-list:after,#ac-globalnav.searchopen .ac-gn-list{display:none} #ac-globalnav .ac-gn-list{position:absolute;z-index:2;top:68px;right:0;bottom:50px;left:0;margin:0;padding:0;height:auto;box-sizing:border-box;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0s linear 1s;transition:visibility 0s linear 1s} #menustate:checked~#ac-globalnav .ac-gn-list,#menustate:target~#ac-globalnav .ac-gn-list{visibility:visible;text-align:left;-webkit-transition-delay:0s;transition-delay:0s} #ac-globalnav.searchshow .ac-gn-list{bottom:auto;-webkit-animation:ac-gn-list-searchshow .8s both;animation:ac-gn-list-searchshow .8s both} #ac-globalnav.searchhide .ac-gn-list{bottom:auto;-webkit-animation:ac-gn-list-searchshow .8s reverse both;animation:ac-gn-list-searchshow .8s reverse both} #ac-globalnav .ac-gn-item{width:100%;height:44px} } @-webkit-keyframes ac-gn-item-searchshow{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}40%{opacity:1}100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)} } @keyframes ac-gn-item-searchshow{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}40%{opacity:1}100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)} } @-webkit-keyframes ac-gn-item-searchhide{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}60%{opacity:1}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)} } @keyframes ac-gn-item-searchhide{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}60%{opacity:1}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)} } @-webkit-keyframes ac-gn-item-searchshow-small{0%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px)} } @keyframes ac-gn-item-searchshow-small{0%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px)} } @-webkit-keyframes ac-gn-search-placeholder-searchshow{0%{opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:.4} } @keyframes ac-gn-search-placeholder-searchshow{0%{opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:.4} } @-webkit-keyframes ac-gn-bag-searchshow{0%{opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0} } @keyframes ac-gn-bag-searchshow{0%{opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0} } #ac-globalnav .ac-gn-item{display:inline-block;position:relative;height:44px;z-index:1;vertical-align:top} #ac-globalnav.searchshow .ac-gn-bag{-webkit-animation:ac-gn-bag-searchshow .3s both;animation:ac-gn-bag-searchshow .3s both;-webkit-transform:translateZ(0);transform:translateZ(0)} #ac-globalnav.searchopen .ac-gn-bag{visibility:hidden} #ac-globalnav.searchhide .ac-gn-bag{-webkit-animation:ac-gn-bag-searchshow .3s reverse both;animation:ac-gn-bag-searchshow .3s reverse both;-webkit-transform:translateZ(0);transform:translateZ(0)} #ac-globalnav.searchhide .ac-gn-item-menu,#ac-globalnav.searchopen .ac-gn-item-menu,#ac-globalnav.searchshow .ac-gn-item-menu{pointer-events:none} #ac-globalnav.searchshow .ac-gn-item-menu{-webkit-animation:ac-gn-item-searchshow .4s both;animation:ac-gn-item-searchshow .4s both;pointer-events:none} @media only screen and (max-width:960px){#ac-globalnav .ac-admin{display:block;background:#3263EC;height:48px} #ac-globalnav .ac-gn-bag{right:0;display:none;position:absolute;top:0;width:auto;z-index:1} #ac-globalnav.searchshow .ac-gn-item-menu{-webkit-animation:ac-gn-item-searchshow-small .1s both;animation:ac-gn-item-searchshow-small .1s both} #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(n){-webkit-animation-delay:0s;animation-delay:0s} #ac-globalnav.searchhide .ac-gn-item-menu{-webkit-animation:ac-gn-item-searchshow-small .1s reverse both;animation:ac-gn-item-searchshow-small .1s reverse both} #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(n){-webkit-animation-delay:0s;animation-delay:0s} #ac-globalnav .ac-gn-item-menu{height:auto;padding:0 34px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0;pointer-events:none;-webkit-transform:scale(1.1) translateY(-24px);-ms-transform:scale(1.1) translateY(-24px);transform:scale(1.1) translateY(-24px);-webkit-transition:opacity .35s ease-out,-webkit-transform .35s ease-out;transition:opacity .35s ease-out,-webkit-transform .35s ease-out;transition:opacity .35s ease-out,transform .35s ease-out;transition:opacity .35s ease-out,transform .35s ease-out,-webkit-transform .35s ease-out} #ac-globalnav .ac-gn-item-menu:nth-child(1){-webkit-transition-delay:450ms,450ms;transition-delay:450ms,450ms} #ac-globalnav .ac-gn-item-menu:nth-child(2){-webkit-transition-delay:.4s,.4s;transition-delay:.4s,.4s} #ac-globalnav .ac-gn-item-menu:nth-child(3){-webkit-transition-delay:350ms,350ms;transition-delay:350ms,350ms} #ac-globalnav .ac-gn-item-menu:nth-child(4){-webkit-transition-delay:.3s,.3s;transition-delay:.3s,.3s} #ac-globalnav .ac-gn-item-menu:nth-child(5){-webkit-transition-delay:250ms,250ms;transition-delay:250ms,250ms} #ac-globalnav .ac-gn-item-menu:nth-child(6){-webkit-transition-delay:.2s,.2s;transition-delay:.2s,.2s} #ac-globalnav .ac-gn-item-menu:nth-child(7){-webkit-transition-delay:150ms,150ms;transition-delay:150ms,150ms} #ac-globalnav .ac-gn-item-menu:nth-child(8){-webkit-transition-delay:.1s,.1s;transition-delay:.1s,.1s} #ac-globalnav .ac-gn-item-menu:nth-child(9){-webkit-transition-delay:50ms,50ms;transition-delay:50ms,50ms} #ac-globalnav .ac-gn-item-menu:nth-child(10){margin-bottom:80px;-webkit-transition-delay:0s,0s;transition-delay:0s,0s} #menustate:checked~#ac-globalnav .ac-gn-item-menu,#menustate:target~#ac-globalnav .ac-gn-item-menu{opacity:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;pointer-events:auto;-webkit-transform:none;-ms-transform:none;transform:none} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(1),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(1){-webkit-transition-delay:50m,50ms;transition-delay:50ms,50ms} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(2),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(2){-webkit-transition-delay:150ms,150ms;transition-delay:150ms,150ms} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(3),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(3){-webkit-transition-delay:.2s,.2s;transition-delay:.2s,.2s} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(4),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(4){-webkit-transition-delay:250ms,250ms;transition-delay:250ms,250ms} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(5),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(5){-webkit-transition-delay:.3s,.3s;transition-delay:.3s,.3s} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(6),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(6){-webkit-transition-delay:350ms,350ms;transition-delay:350ms,350ms} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(7),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(7){-webkit-transition-delay:.4s,.4s;transition-delay:.4s,.4s} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(8),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(8){-webkit-transition-delay:450ms,450ms;transition-delay:450ms,450ms} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(9),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(9){-webkit-transition-delay:.5s,.5s;transition-delay:.5s,.5s} #menustate:checked~#ac-globalnav .ac-gn-item-menu:nth-child(10),#menustate:target~#ac-globalnav .ac-gn-item-menu:nth-child(10){margin-bottom:80px;-webkit-transition-delay:550ms,550ms;transition-delay:550ms,550ms} #ac-globalnav .ac-search{font-size:14px;line-height:3.14286;font-weight:400;letter-spacing:-.01em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif} } #ac-globalnav .ac-search{display:none} @media only screen and (max-width:767px) and (max-width:767px){#ac-globalnav .ac-search{font-size:17px;line-height:2.6;letter-spacing:-.021em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777} } @media only screen and (max-width:960px){#ac-globalnav .ac-gn-search{border-bottom-color:silver} #ac-globalnav.searchhide .ac-gn-search,#ac-globalnav.searchopen .ac-gn-search,#ac-globalnav.searchshow .ac-gn-search{-webkit-animation:none;animation:none} #ac-globalnav .ac-search{display:block;cursor:text} #ac-globalnav.searchshow .ac-search{-webkit-animation:ac-gn-search-placeholder-searchshow .8s both;animation:ac-gn-search-placeholder-searchshow .8s both} #ac-globalnav.searchhide .ac-search{-webkit-animation:ac-gn-search-placeholder-searchshow .8s reverse both;animation:ac-gn-search-placeholder-searchshow .8s reverse both} } #ac-globalnav .ac-gn-menuicon{right:0;display:none;position:absolute;z-index:2;top:0;width:48px;border-bottom:none} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-menuicon{display:block} } #ac-globalnav .ac-gn-menuicon-label{display:block;position:absolute;z-index:3;top:0;width:48px;height:48px;cursor:pointer;-webkit-transition:opacity .2s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:opacity .2s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:opacity .2s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.4,.01,.165,.99);transition:opacity .2s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.4,.01,.165,.99),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);-webkit-tap-highlight-color:transparent;right:0} #ac-globalnav .ac-gn-menuicon-label:active,#ac-globalnav .ac-gn-menuicon-label:focus,#ac-globalnav .ac-gn-menuicon-label:hover{opacity:.65} #ac-globalnav.touch .ac-gn-menuicon-label{opacity:1;-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99)} #ac-globalnav .ac-bread,#ac-globalnav .ac-gn-searchview-close{-webkit-transition:opacity .2s cubic-bezier(.645,.045,.355,1)} #menustate:checked~#ac-globalnav .ac-gn-menuicon-label,#menustate:target~#ac-globalnav .ac-gn-menuicon-label{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} #ac-globalnav .ac-bread{position:absolute;z-index:3;top:0;left:0;width:48px;height:48px;transition:opacity .2s cubic-bezier(.645,.045,.355,1)} #ac-globalnav .ac-bread-top{-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);z-index:4} #menustate:checked~#ac-globalnav .ac-bread-top,#menustate:target~#ac-globalnav .ac-bread-top{-webkit-transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} #ac-globalnav .ac-bread-bottom{-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} #menustate:checked~#ac-globalnav .ac-bread-bottom,#menustate:target~#ac-globalnav .ac-bread-bottom{-webkit-transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} #ac-globalnav .ac-crust{display:block;width:17px;height:1px;background:#fff;position:absolute;left:16px;z-index:1;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s} #ac-globalnav .ac-gn-menuanchor-close,#menustate:checked~#ac-globalnav .ac-gn-menuanchor-open,#menustate:target~#ac-globalnav .ac-gn-menuanchor-open{display:none} #ac-globalnav .ac-crust-top{top:23px;-webkit-transition:-webkit-transform .2s .2s;transition:-webkit-transform .2s .2s;transition:transform .2s .2s;transition:transform .2s .2s,-webkit-transform .2s .2s;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)} #menustate:checked~#ac-globalnav .ac-crust-top,#menustate:target~#ac-globalnav .ac-crust-top{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0;transition-delay:0} #ac-globalnav .ac-crust-bottom{bottom:23px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)} #menustate:checked~#ac-globalnav .ac-crust-bottom,#menustate:target~#ac-globalnav .ac-crust-bottom{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} #ac-globalnav .ac-gn-menuanchor{left:0;color:#fff;position:absolute;top:0;width:1px;height:1px;z-index:10} #ac-globalnav .ac-gn-menuanchor:focus{outline-offset:-8px;width:48px;height:48px} #ac-globalnav .ac-gn-menuanchor-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0} #menustate:checked~#ac-globalnav .ac-gn-menuanchor-close,#menustate:target~#ac-globalnav .ac-gn-menuanchor-close{display:block} #ac-globalnav .ac-gn-bag-badge{border-radius:6px;margin-top:-2px;margin-left:-3px;width:6px;height:6px;background:#6bf;display:none;position:absolute;top:50%;left:50%;z-index:1} #ac-globalnav .ac-gn-bag.with-badge .ac-gn-bag-badge{display:block} #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification{margin-right:-123px;right:0;position:absolute;top:48px;z-index:1} @media only screen and (max-width:1275px){#ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification{margin-right:calc(512px - 50vw);right:5px} } @media only screen and (max-width:1024px){#ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification{margin-right:0} } @media only screen and (max-width:960px){#ac-globalnav .ac-gn-bag-badge{border-radius:7px;margin-top:-3.5px;margin-left:-3.5px;width:7px;height:7px} #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification{margin-right:0;top:52px} } #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret{overflow:hidden;position:absolute;bottom:-5px;left:0;width:100%;height:10px;z-index:1} @media only screen and (max-width:419px){#ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret{height:9px;margin-bottom:0} } #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after{left:50%;border:1px solid;content:"";display:block;position:absolute;top:0;width:12px;height:12px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;z-index:1} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret{bottom:100%} #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after{left:auto;right:5px} } #ac-globalnav .ac-gn-bagview{border:1px solid #d6d6d6;border-radius:2px;display:none;width:288px;font-size:15px;line-height:1.16667;font-weight:400;letter-spacing:-.014em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff} #ac-globalnav .ac-gn-bagview-bagitem-qty,#ac-globalnav .ac-gn-bagview-linemessage{font-size:12px;line-height:1.33341;letter-spacing:.036em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400} #ac-globalnav.with-bagview .ac-gn-bagview{display:block} #ac-globalnav .ac-gn-bagview-content{margin:0 auto;min-height:90px;padding:0 20px;position:relative;z-index:2} #ac-globalnav .ac-gn-bagview-caret{display:none} #ac-globalnav.with-bagview .ac-gn-bagview-caret{display:block} #ac-globalnav.with-bagview .ac-gn-bagview-caret-small{display:none} @media only screen and (max-width:960px){#ac-globalnav.with-bagview .ac-gn-bagview-caret-small{display:block} #ac-globalnav.with-bagview .ac-gn-bagview-caret-large{display:none} } #ac-globalnav .ac-gn-bagview-caret:after{background:#fff;border-color:#d6d6d6} @media only screen and (max-width:419px){#ac-globalnav .ac-gn-bagview{border-radius:0;border-width:0 0 1px;top:48px;left:0;right:0;width:100%} #ac-globalnav .ac-gn-bagview-content{padding:0 48px} #ac-globalnav .ac-gn-bagview-caret:after{right:11px;border-color:#fff} } #ac-globalnav .ac-gn-bag{z-index:2} #ac-globalnav .ac-gn-bagview-message{color:#888;padding:35px 0;margin:0;text-align:center} #ac-globalnav .ac-gn-bagview-linemessage{margin:-9px 0 0;color:#888;text-align:center} #ac-globalnav .ac-gn-bagview-linemessage-text{padding:0 6px;background:#fff} #ac-globalnav .ac-gn-bagview-linemessage:before{display:block;position:relative;top:9px;margin-top:-1px;z-index:-10;border-bottom:1px solid #e3e3e3;content:""} @-webkit-keyframes loader{from{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0)} } @keyframes loader{from{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0)} } #ac-globalnav .ac-gn-bagview-loader{background:url(../assets/ac-store/spinner.svg) center/40px no-repeat;margin-top:-20px;margin-left:-20px;width:40px;height:40px;background:url(http://images.apple.com/ac/globalnav/3/en_US/assets/ac-store/spinner.gif) no-repeat\9;position:absolute;top:50%;left:50%;z-index:1;-webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite} #ac-globalnav .ac-gn-bagview _:-ms-input-placeholder,:root #ac-globalnav .ac-gn-bagview-loader{background:0 0,url(../assets/ac-store/spinner.svg) center/40px no-repeat} #ac-globalnav .ac-gn-bagview-bag{list-style:none} #ac-globalnav .ac-gn-bagview-bagitem{border-bottom:1px solid #e3e3e3} #ac-globalnav .ac-gn-bagview-bagitem-last{border-bottom-style:none} #ac-globalnav .ac-gn-bagview-bagitem-link{margin:0;padding:0;display:table;min-height:92px;width:100%;color:#333;text-decoration:none} #ac-globalnav .ac-gn-bagview-bagitem-column1,#ac-globalnav .ac-gn-bagview-bagitem-column2{display:table-cell;vertical-align:middle;min-height:70px} #ac-globalnav .ac-gn-bagview-bagitem-column1{padding:0 5px 0 0;width:25%} #ac-globalnav .ac-gn-bagview-bagitem-column2{padding:19px 0;width:75%} #ac-globalnav .ac-gn-bagview-bagitem-picture{max-width:70px;height:auto} #ac-globalnav .ac-gn-bagview-bagitem-qty{color:#888} #ac-globalnav .ac-gn-bagview-bagitem-qty:before{content:"\2715";font-size:.75em} #ac-globalnav .ac-gn-bagview-nav{margin-bottom:2px} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-bagview-nav{margin-bottom:8px} } #ac-globalnav .ac-gn-bagview-nav-list{margin:0;padding:0;list-style:none} #ac-globalnav .ac-gn-bagview-nav-item{margin:0;padding:0;border-top:1px solid #e3e3e3} #ac-globalnav .ac-gn-bagview-nav-item:first-child{border-top-style:none} #ac-globalnav .ac-gn-bagview-nav-nobtn{border-top:1px solid #e3e3e3} #ac-globalnav .ac-gn-bagview-nav-link{color:#0070c9;display:block;line-height:43px;padding:0 30px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #ac-globalnav .ac-gn-bagview-nav-link:hover{text-decoration:underline} #ac-globalnav.touch .ac-gn-bagview-nav-link:hover{text-decoration:none} #ac-globalnav .ac-gn-bagview-nav-link-bag{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/assets/ac-store/bag.png);background-image:none,url(../assets/ac-store/bag.svg);background-repeat:no-repeat} #ac-globalnav .ac-gn-bagview-nav-link-view{background-image:url(../assets/ac-store/view.png);background-image:none,url(../assets/ac-store/view.svg);background-position:1px center;background-repeat:no-repeat} #ac-globalnav .ac-gn-bagview-nav-link-favorites{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/assets/ac-store/favorites.png);background-image:none,url(../assets/ac-store/favorites.svg);background-repeat:no-repeat} #ac-globalnav .ac-gn-bagview-nav-link-orders{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/assets/ac-store/orders.png);background-image:none,url(../assets/ac-store/orders.svg);background-repeat:no-repeat} #ac-globalnav .ac-gn-bagview-nav-link-account{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/assets/ac-store/account.png);background-image:none,url(../assets/ac-store/account.svg);background-position:1px center;background-repeat:no-repeat} #ac-globalnav .ac-gn-bagview-nav-link-signIn,#ac-globalnav .ac-gn-bagview-nav-link-signOut{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/assets/ac-store/signIn.png);background-image:none,url(../assets/ac-store/signIn.svg);background-position:1px center;background-repeat:no-repeat} #ac-globalnav .ac-gn-bagview-nav-link-bag{background-position:3px 45%} #ac-globalnav .ac-gn-bagview-nav-link-orders{background-position:2px center} #ac-globalnav .ac-gn-bagview-nav-link-favorites{background-position:1px center} #ac-globalnav .ac-gn-bagview-button{font-size:17px;line-height:1.52947;font-weight:400;letter-spacing:-.021em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#0070c9;background:-webkit-linear-gradient(#42a1ec,#0070c9);background:linear-gradient(#42a1ec,#0070c9);border-color:#07c;border-width:1px;border-style:solid;border-radius:4px;color:#fff;cursor:pointer;min-width:30px;text-align:center;white-space:nowrap;padding:3px 15px 4px;display:block;margin:17px 0;text-decoration:none} #ac-globalnav .ac-gn-bagview-button:hover{background-color:#147bcd;background:-webkit-linear-gradient(#51a9ee,#147bcd);background:linear-gradient(#51a9ee,#147bcd);border-color:#1482d0;text-decoration:none} #ac-globalnav .ac-gn-bagview-button:focus{box-shadow:0 0 0 3px rgba(131,192,253,.5);outline:0} #ac-globalnav .ac-gn-bagview-button:focus[data-focus-method=touch]:not(input):not(textarea):not(select),#ac-globalnav .ac-gn-bagview-button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select){box-shadow:none} #ac-globalnav .ac-gn-bagview-button:active{background-color:#0067b9;background:-webkit-linear-gradient(#3d94d9,#0067b9);background:linear-gradient(#3d94d9,#0067b9);border-color:#006dbc;outline:0} #ac-globalnav .ac-gn-bagview-button.disabled,#ac-globalnav .ac-gn-bagview-button:disabled{background-color:#0070c9;background:-webkit-linear-gradient(#42a1ec,#0070c9);background:linear-gradient(#42a1ec,#0070c9);border-color:#07c;color:#fff;cursor:default;opacity:.3} #ac-globalnav .ac-gn-bagview-button-compact{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;min-width:20px;padding:1px 10px} #ac-globalnav .ac-gn-bagview-button-block{box-sizing:border-box;display:block;width:100%} #ac-globalnav .ac-gn-bagview-button-secondary{background-color:#e3e3e3;background:-webkit-linear-gradient(#fff,#e3e3e3);background:linear-gradient(#fff,#e3e3e3);border-color:#d6d6d6;color:#0070c9} #ac-globalnav .ac-gn-bagview-button-secondary:hover{background-color:#eee;background:-webkit-linear-gradient(#fff,#eee);background:linear-gradient(#fff,#eee);border-color:#d9d9d9} #ac-globalnav .ac-gn-bagview-button-secondary:active{background-color:#dcdcdc;background:-webkit-linear-gradient(#f7f7f7,#dcdcdc);background:linear-gradient(#f7f7f7,#dcdcdc);border-color:#d0d0d0} #ac-globalnav .ac-gn-bagview-button-secondary.disabled,#ac-globalnav .ac-gn-bagview-button-secondary:disabled{background-color:#e3e3e3;background:-webkit-linear-gradient(#fff,#e3e3e3);background:linear-gradient(#fff,#e3e3e3);border-color:#d6d6d6;color:#0070c9} #ac-globalnav .ac-gn-bagview-bag-one+.ac-gn-bagview-button{margin:7px 0 17px} #ac-globalnav #ac-gn-bagview-content .ac-gn-bagview-button.ac-gn-bagview-button-checkout{display:block} #ac-globalnav .ac-gn-bagview-nav-item-preregistration{padding:10px 0!important;border-bottom:1px solid #e3e3e3!important;text-align:center!important} #ac-globalnav .ac-gn-bagview-nav-link-preregistration{padding:0 12px!important} #ac-globalnav li.prereg-promo-links-list{display:inline-block} @-webkit-keyframes ac-gn-searchview-searchhide{0%{opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0} } @keyframes ac-gn-searchview-searchhide{0%{opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0} } @-webkit-keyframes ac-gn-searchview-searchshow-small{0%{opacity:0;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1} } @keyframes ac-gn-searchview-searchshow-small{0%{opacity:0;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1} } @-webkit-keyframes ac-gn-searchview-close-left-searchshow{0%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} } @keyframes ac-gn-searchview-close-left-searchshow{0%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} } @-webkit-keyframes ac-gn-searchview-close-left-searchhide{0%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1)} } @keyframes ac-gn-searchview-close-left-searchhide{0%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1)} } @-webkit-keyframes ac-gn-searchview-close-right-searchshow{0%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)} } @keyframes ac-gn-searchview-close-right-searchshow{0%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)} } @-webkit-keyframes ac-gn-searchview-close-right-searchhide{0%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1)} } @keyframes ac-gn-searchview-close-right-searchhide{0%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:0;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1)} } @-webkit-keyframes ac-gn-searchview-close-searchshow-small{0%{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes ac-gn-searchview-close-searchshow-small{0%{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(0);transform:translateY(0)} } @-webkit-keyframes ac-gn-searchview-close-searchhide-small{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)} } @keyframes ac-gn-searchview-close-searchhide-small{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)} } @-webkit-keyframes ac-gn-searchview-close-left-searchshow-small{0%{-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)} } @keyframes ac-gn-searchview-close-left-searchshow-small{0%{-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)} } @-webkit-keyframes ac-gn-searchview-close-left-searchhide-small{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(40deg);transform:rotate(40deg)} } @keyframes ac-gn-searchview-close-left-searchhide-small{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(40deg);transform:rotate(40deg)} } @-webkit-keyframes ac-gn-searchview-close-right-searchshow-small{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(40deg);transform:rotate(40deg)} } @keyframes ac-gn-searchview-close-right-searchshow-small{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(40deg);transform:rotate(40deg)} } @-webkit-keyframes ac-gn-searchview-close-right-searchhide-small{0%{-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)} } @keyframes ac-gn-searchview-close-right-searchhide-small{0%{-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}100%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)} } #ac-globalnav .ac-gn-searchview{display:none} #ac-globalnav.searchhide .ac-gn-searchview,#ac-globalnav.searchopen .ac-gn-searchview,#ac-globalnav.searchshow .ac-gn-searchview{display:block} #ac-globalnav .ac-gn-searchview-content{position:absolute;top:0;left:16.66667%;width:66.66667%;height:100vh;z-index:3;pointer-events:none} #ac-globalnav.searchhide .ac-gn-searchview-content{-webkit-animation:ac-gn-searchview-searchhide .2s both;animation:ac-gn-searchview-searchhide .2s both} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchview-content{top:63px;left:0;bottom:0;right:0;width:100%;height:auto} } @media only screen and (max-width:767px) and (max-width:767px){#ac-globalnav .ac-gn-searchview-content{opacity:0} #ac-globalnav.searchhide .ac-gn-searchview-content,#ac-globalnav.searchopen .ac-gn-searchview-content,#ac-globalnav.searchshow .ac-gn-searchview-content{-webkit-animation:none;animation:none} #ac-globalnav.searchopen .ac-gn-searchview-content{opacity:1} } #ac-globalnav .ac-gn-searchview-close{right:9px;position:absolute;z-index:3;width:38px;height:44px;top:0;opacity:1;color:#fff;cursor:pointer;transition:opacity .2s cubic-bezier(.645,.045,.355,1);-webkit-tap-highlight-color:transparent} #ac-globalnav .ac-gn-searchview-close:-moz-focusring{outline:#fff dotted 1px} #ac-globalnav .ac-gn-searchview-close::-moz-focus-inner{border:0} #ac-globalnav .ac-gn-searchview-close:active,#ac-globalnav .ac-gn-searchview-close:hover{opacity:.65} #ac-globalnav.touch .ac-gn-searchview-close:active,#ac-globalnav.touch .ac-gn-searchview-close:hover{opacity:1} #ac-globalnav .ac-gn-searchview-close:focus{outline-offset:-7px} #ac-globalnav .ac-gn-searchview-close:focus:active{outline:0} #ac-globalnav.searchhide .ac-gn-searchview-close,#ac-globalnav.searchshow .ac-gn-searchview-close{-webkit-transform:translateZ(0);transform:translateZ(0)} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchview-close{left:50%;margin-left:-24px;width:48px;height:48px;z-index:3;overflow:hidden} #ac-globalnav.searchshow .ac-gn-searchview-close-wrapper{-webkit-animation:ac-gn-searchview-close-searchshow-small .6s 150ms both;animation:ac-gn-searchview-close-searchshow-small .6s 150ms both} #ac-globalnav.searchopen .ac-gn-searchview-close-wrapper{-webkit-transform:none;-ms-transform:none;transform:none} #ac-globalnav.searchhide .ac-gn-searchview-close-wrapper{-webkit-animation:ac-gn-searchview-close-searchhide-small .6s .2s both;animation:ac-gn-searchview-close-searchhide-small .6s .2s both} } #ac-globalnav .ac-gn-searchview-close-wrapper{display:block;width:100%;height:100%} #ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right{height:18px;width:1px;background:#fff;position:absolute;display:block;top:11px;z-index:1} #ac-globalnav .ac-gn-searchview-close-left{right:12px;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%} #ac-globalnav.searchshow .ac-gn-searchview-close-left{-webkit-animation:ac-gn-searchview-close-left-searchshow .3s both;animation:ac-gn-searchview-close-left-searchshow .3s both} #ac-globalnav.searchopen .ac-gn-searchview-close-left{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} #ac-globalnav.searchhide .ac-gn-searchview-close-left{-webkit-animation:ac-gn-searchview-close-left-searchhide .3s both;animation:ac-gn-searchview-close-left-searchhide .3s both} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right{top:20px;height:1px;width:12px} #ac-globalnav .ac-gn-searchview-close-left{left:auto;right:50%;-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%} #ac-globalnav.searchshow .ac-gn-searchview-close-left{-webkit-animation:ac-gn-searchview-close-left-searchshow-small .6s 225ms both;animation:ac-gn-searchview-close-left-searchshow-small .6s 225ms both} #ac-globalnav.searchopen .ac-gn-searchview-close-left{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg)} #ac-globalnav.searchhide .ac-gn-searchview-close-left{-webkit-animation:ac-gn-searchview-close-left-searchhide-small .6s 150ms both;animation:ac-gn-searchview-close-left-searchhide-small .6s 150ms both} } #ac-globalnav .ac-gn-searchview-close-right{left:12px;-webkit-transform:scale3d(1,.65,1);transform:scale3d(1,.65,1);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%} #ac-globalnav.searchshow .ac-gn-searchview-close-right{-webkit-animation:ac-gn-searchview-close-right-searchshow .3s both;animation:ac-gn-searchview-close-right-searchshow .3s both} #ac-globalnav.searchopen .ac-gn-searchview-close-right{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} #ac-globalnav.searchhide .ac-gn-searchview-close-right{-webkit-animation:ac-gn-searchview-close-right-searchhide .3s both;animation:ac-gn-searchview-close-right-searchhide .3s both} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchview-close-right{left:50%;-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0} #ac-globalnav.searchshow .ac-gn-searchview-close-right{-webkit-animation:ac-gn-searchview-close-right-searchshow-small .6s 225ms both;animation:ac-gn-searchview-close-right-searchshow-small .6s 225ms both} #ac-globalnav.searchopen .ac-gn-searchview-close-right{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)} #ac-globalnav.searchhide .ac-gn-searchview-close-right{-webkit-animation:ac-gn-searchview-close-right-searchhide-small .6s 150ms both;animation:ac-gn-searchview-close-right-searchhide-small .6s 150ms both} #ac-globalnav .ac-gn-searchform{height:44px;line-height:44px;padding:0 48px} } @-webkit-keyframes ac-gn-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1)}100%{-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes ac-gn-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1)}100%{-webkit-transform:translateZ(0);transform:translateZ(0)} } @-webkit-keyframes ac-gn-searchform-fade{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(.67,0,.33,1);animation-timing-function:cubic-bezier(.67,0,.33,1)}100%{opacity:1} } @keyframes ac-gn-searchform-fade{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(.67,0,.33,1);animation-timing-function:cubic-bezier(.67,0,.33,1)}100%{opacity:1} } @-webkit-keyframes ac-gn-searchinput-fade{0%{opacity:0}100%{opacity:1} } @keyframes ac-gn-searchinput-fade{0%{opacity:0}100%{opacity:1} } #ac-globalnav button,#ac-globalnav input{border:none;background-color:transparent} #ac-globalnav .ac-gn-searchform{height:44px;line-height:44px} #ac-globalnav.searchshow .ac-gn-searchform{-webkit-animation:ac-gn-searchform-fade .4s .4s both;animation:ac-gn-searchform-fade .4s .4s both} @media only screen and (max-width:960px){#ac-globalnav.searchshow .ac-gn-searchform{-webkit-animation:none;animation:none} } #ac-globalnav .ac-gn-searchform-wrapper{padding-left:40px;position:relative;z-index:2} #ac-globalnav.searchshow .ac-gn-searchform-wrapper{-webkit-animation:ac-gn-searchform-slide 1s .4s both;animation:ac-gn-searchform-slide 1s .4s both} @media only screen and (max-width:960px){#ac-globalnav.searchshow .ac-gn-searchform-wrapper{-webkit-animation:none;animation:none} #ac-globalnav .ac-gn-searchform-wrapper{background:#000;border-bottom:1px solid #ccc;right:200%;padding:0 24px;height:44px} #ac-globalnav.searchopen .ac-gn-searchform-wrapper{right:auto} } #ac-globalnav .ac-gn-searchform-input{font-size:17px;line-height:1.29412;letter-spacing:-.021em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;outline:0;width:100%;height:1.29412em} .touch#ac-globalnav.searchshow .ac-gn-searchform-input{-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px)} .touch#ac-globalnav.searchopen .ac-gn-searchform-input{-webkit-animation:ac-gn-searchinput-fade .2s both;animation:ac-gn-searchinput-fade .2s both} #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder{color:#888;opacity:1} #ac-globalnav .ac-gn-searchform-input::-moz-placeholder{color:#888;opacity:1} #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder{color:#888;opacity:1} #ac-globalnav .ac-gn-searchform-input::placeholder{color:#888;opacity:1} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchform-input{font-size:17px;line-height:1.26471;letter-spacing:-.021em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;height:1.26471em} .touch#ac-globalnav.searchshow .ac-gn-searchform-input{-webkit-transform:none;-ms-transform:none;transform:none} .touch#ac-globalnav.searchopen .ac-gn-searchform-input{-webkit-animation:none;animation:none} #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder{color:#666} #ac-globalnav .ac-gn-searchform-input::-moz-placeholder{color:#666} #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder{color:#666} #ac-globalnav .ac-gn-searchform-input::placeholder{color:#666} } #ac-globalnav .ac-gn-searchform-input::-ms-clear{display:none;width:0;height:0} #ac-globalnav .ac-gn-searchform-submit{left:0;position:absolute;z-index:1;top:0;width:40px;height:44px;cursor:pointer;background-image:url(/images/globalnav/search/image_large.svg);background-position:10px 50%;background-repeat:no-repeat;-webkit-transition:opacity .2s cubic-bezier(.645,.045,.355,1);transition:opacity .2s cubic-bezier(.645,.045,.355,1)} #ac-globalnav .ac-gn-searchform-submit:-moz-focusring{outline:#fff dotted 1px} #ac-globalnav .ac-gn-searchform-submit::-moz-focus-inner{border:0} #ac-globalnav.no-svg .ac-gn-searchform-submit{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/images/globalnav/search/image_large.png)} #ac-globalnav .ac-gn-searchform-submit:active,#ac-globalnav .ac-gn-searchform-submit:hover{opacity:.65} #ac-globalnav.touch .ac-gn-searchform-submit:active,#ac-globalnav.touch .ac-gn-searchform-submit:hover{opacity:1} #ac-globalnav .ac-gn-searchform-submit:focus{outline-offset:-7px} #ac-globalnav .ac-gn-searchform-submit[disabled]{opacity:1;cursor:default} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchform-submit{background-repeat:no-repeat;background-image:url(/images/globalnav/search/image_small.svg);width:20px;background-position:0 50%} #ac-globalnav.no-svg .ac-gn-searchform-submit{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/images/globalnav/search/image_small.png)} #ac-globalnav .ac-gn-searchform-submit:focus{outline-offset:0} #ac-globalnav .ac-gn-searchform-reset{width:22px;height:42px;background-size:22px 42px;background-repeat:no-repeat;background-image:url(/images/globalnav/search/icon_reset_small.svg)} #ac-globalnav.no-svg .ac-gn-searchform-reset{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/images/globalnav/search/icon_reset_small.png)} } #ac-globalnav .ac-gn-searchform-reset{right:0;display:none;position:absolute;z-index:1;top:0;cursor:pointer} #ac-globalnav .ac-gn-searchform-reset:-moz-focusring{outline:#fff dotted 1px} #ac-globalnav .ac-gn-searchform-reset::-moz-focus-inner{border:0} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchform-reset{cursor:default;display:block;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease} #ac-globalnav .ac-gn-searchform.with-reset .ac-gn-searchform-reset{cursor:pointer;opacity:1;pointer-events:auto} } @-webkit-keyframes ac-gn-searchresults-show{0%{opacity:0;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1} } @keyframes ac-gn-searchresults-show{0%{opacity:0;-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1} } @-webkit-keyframes ac-gn-searchresults-items-show{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes ac-gn-searchresults-items-show{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px);-webkit-animation-timing-function:ease;animation-timing-function:ease}100%{opacity:1;-webkit-transform:none;transform:none} } #ac-globalnav .ac-gn-searchresults{font-size:14px;line-height:2;font-weight:400;letter-spacing:-.01em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;display:none;background:#fff;border-top:none;color:#888;max-height:calc(100% - 44px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;white-space:nowrap} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchresults{font-size:15px;line-height:2.86667;letter-spacing:-.018em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;background:0 0;border:none;color:#999;max-height:none;padding:44px 48px 0;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1} } #ac-globalnav .ac-gn-searchresults-header,#ac-gn-segmentbar{letter-spacing:.005em;font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif} #ac-globalnav .ac-gn-searchresults.with-content{display:block} #ac-globalnav .ac-gn-searchresults.with-content-initial{-webkit-animation:ac-gn-searchresults-show .2s both;animation:ac-gn-searchresults-show .2s both} #ac-globalnav .ac-gn-searchresults-section{border-top:1px solid #d6d6d6;margin:0 40px;padding:24px 0 18px} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchresults-section{border-color:#ccc;margin:0;padding:23px 0 40px} } #ac-globalnav .ac-gn-searchresults-section:first-child{border-top:none} #ac-globalnav .ac-gn-searchresults-header{font-size:11px;line-height:1;color:#888} #ac-globalnav .ac-gn-searchresults-list{list-style:none;padding-top:5px} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchresults-header{color:#999} #ac-globalnav .ac-gn-searchresults-list{padding:3px 30px 0} } @media only screen and (max-width:419px){#ac-globalnav .ac-gn-searchresults-list{padding:4px 0} } #ac-globalnav .ac-gn-searchresults-item{margin:6px -32px} #ac-globalnav .ac-gn-searchresults-link{color:#888;display:block;padding:0 48px;text-decoration:none} #ac-globalnav .ac-gn-searchresults-link b{color:#333} #ac-globalnav .ac-gn-searchresults-link.current{background-color:#f2f2f2} #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b{color:#0070c9} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchresults-item{margin:0;border-top:1px solid #333} #ac-globalnav .ac-gn-searchresults-item:first-child{border-top:none} #ac-globalnav .ac-gn-searchresults-link{color:#999;padding:0} #ac-globalnav .ac-gn-searchresults-link b{color:#fff} #ac-globalnav .ac-gn-searchresults-link.current{background-color:transparent} #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b{color:#6bf} } #ac-globalnav .ac-gn-searchresults-link-suggestions{background-repeat:no-repeat;background-image:url(/images/globalnav/search/icon_suggested_large.svg);padding-left:70px;background-position:48px -1px} #ac-globalnav.no-svg .ac-gn-searchresults-link-suggestions{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/images/globalnav/search/icon_suggested_large.png)} #ac-globalnav .ac-gn-searchresults-link-suggestions.current{background-position:48px -33px} #ac-globalnav .ac-gn-searchresults-link-defaultlinks{color:#333} #ac-globalnav .ac-gn-searchresults-animated{-webkit-animation:ac-gn-searchresults-items-show .4s both;animation:ac-gn-searchresults-items-show .4s both} #ac-globalnav.searchhide .ac-gn-searchresults-animated{-webkit-animation:none;animation:none} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchresults-link-suggestions{background-repeat:no-repeat;background-image:url(../images/globalnav/search/icon_suggested_small.svg);background-position:left 1px;padding-left:26px} #ac-globalnav.no-svg .ac-gn-searchresults-link-suggestions{background-image:url(http://images.apple.com/ac/globalnav/3/en_US/images/globalnav/search/icon_suggested_small.png)} #ac-globalnav .ac-gn-searchresults-link-suggestions.current{background-position:left -41px} #ac-globalnav .ac-gn-searchresults-link-defaultlinks{color:#ccc} #ac-globalnav .ac-gn-searchresults-animated{-webkit-animation:none;animation:none} } #ac-globalnav .ac-gn-searchresults-animated:nth-child(1){-webkit-animation-delay:20ms;animation-delay:20ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(2){-webkit-animation-delay:40ms;animation-delay:40ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(3){-webkit-animation-delay:60ms;animation-delay:60ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(4){-webkit-animation-delay:80ms;animation-delay:80ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(5){-webkit-animation-delay:.1s;animation-delay:.1s} #ac-globalnav .ac-gn-searchresults-animated:nth-child(6){-webkit-animation-delay:120ms;animation-delay:120ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(7){-webkit-animation-delay:140ms;animation-delay:140ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(8){-webkit-animation-delay:160ms;animation-delay:160ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(9){-webkit-animation-delay:180ms;animation-delay:180ms} #ac-globalnav .ac-gn-searchresults-animated:nth-child(10){-webkit-animation-delay:.2s;animation-delay:.2s} #ac-globalnav .ac-gn-searchresults-animated.ac-gn-searchresults-header{-webkit-animation-delay:0s;animation-delay:0s} #ac-globalnav .ac-gn-searchresults-noresults{display:block;padding:0 32px;color:#888;line-height:1.25;white-space:normal}html.ac-gn-segmentbar-visible{margin-top:40px!important} @media only screen and (max-width:960px){#ac-globalnav .ac-gn-searchresults-noresults{color:#ccc;padding:0}html.ac-gn-segmentbar-visible{margin-top:44px!important} }html.ac-gn-segmentbar-visible body{border-top:1px solid transparent;margin-top:-1px;position:relative} #ac-gn-segmentbar{font-size:11px;line-height:1;font-weight:400;background:#444;display:none;position:absolute;top:-40px;left:0;min-width:1024px;width:100%;height:40px;z-index:9998} @media only screen and (max-width:1023px){#ac-gn-segmentbar{min-width:320px} }html.ac-gn-segmentbar-visible #ac-gn-segmentbar{display:block} #ac-gn-segmentbar .ac-gn-segmentbar-content{list-style:none;margin:0 auto;max-width:980px;padding:0 22px;white-space:nowrap} @media only screen and (max-width:960px){#ac-gn-segmentbar{top:-44px;height:44px} #ac-gn-segmentbar .ac-gn-segmentbar-content{padding:0 16px} } #ac-gn-segmentbar .ac-gn-segmentbar-item{border-left:1px solid #666;float:left;height:11px;margin-top:15px} @media only screen and (max-width:960px){#ac-gn-segmentbar .ac-gn-segmentbar-item{margin-top:16.5px} } #ac-gn-segmentbar .ac-gn-segmentbar-item:first-child{border-left:none;margin-left:-11px;max-width:60%} #ac-gn-segmentbar .ac-gn-segmentbar-link{color:#fff;cursor:pointer;display:block;line-height:40px;margin-top:-15px;outline-offset:-11px;overflow:hidden;padding:0 11px;text-decoration:none;text-overflow:ellipsis} @media only screen and (max-width:960px){#ac-gn-segmentbar .ac-gn-segmentbar-link{line-height:44px;margin-top:-16.5px} } #ac-gn-segmentbar .ac-gn-segmentbar-link:hover{color:#6bf;text-decoration:none}html.ac-gn-noscroll{margin-top:0!important}html.ac-gn-noscroll,html.ac-gn-noscroll body{overflow:hidden!important;height:100%!important}html.ac-gn-noscroll-long{overflow-y:scroll!important} #submenu-button1,#submenu-button2,#submenu-button3,#submenu-button4{display:none} .submenu-btn{display:inline-block;height:42px;width:60px;font-size:0;background:url(/images/main-ico-arrow-up@2x_.png) right center no-repeat;background-size:14px;position:absolute;top:0;right:34px} #submenu-button1:checked~.opensub1,#submenu-button2:checked~.opensub2,#submenu-button3:checked~.opensub3,#submenu-button4:checked~.opensub4{display:block;color:#fff;font-size:12px;padding:10px 0;-webkit-animation:ac-gn-bag-searchshow .3s reverse both;animation:ac-gn-bag-searchshow .3s reverse both;-webkit-transform:translateZ(0);transform:translateZ(0)} #ac-globalnav .opensub1,#ac-globalnav .opensub2,#ac-globalnav .opensub3,#ac-globalnav .opensub4{display:none} #ac-globalnav .opensub1 li,#ac-globalnav .opensub2 li,#ac-globalnav .opensub3 li,#ac-globalnav .opensub4 li{margin:0;padding:5px 0} #ac-globalnav .opensub1 li a,#ac-globalnav .opensub2 li a,#ac-globalnav .opensub3 li a,#ac-globalnav .opensub4 li a{height:20px;line-height:1.5;border:0;color:#555;text-decoration:none;display:block;font-size:14px} #ac-globalnav .opensub1 li a:hover{opacity:.65;text-decoration:none} #ac-globalnav .opensub1 :nth-child(2){margin:0!important} #ac-globalnav a.ac-link{color:#333;display:block;line-height:2.8;border-bottom:1px solid rgba(0,0,0,.08);font-family:inherit;padding-right:20px} #ac-globalnav a .newwin{display: inline-block; width: 14px; height: 12px; background: url(/images/ico-NewWindow@2x.png)no-repeat; background-size:14px;margin-left: 10px} #ac-globalnav a.join-top,#ac-globalnav a.login-top{color:#fff;font-size:12px;line-height:4;border:0;text-transform:uppercase;display:inline-block} #ac-globalnav a.login-top{height:48px;padding-left:15px;float:left;padding-right:0} #ac-globalnav a.login-top::before{content:'';display:inline-block;width:16px;height:18px;background:url(/images/main-login-ico@2x.png);background-size:16px;position:relative;top:3px;margin-right:5px} #ac-globalnav a.join-top{height:48px;padding:0;margin-left:10px;/*! float: left; */position:relative;top:0} #ac-globalnav a.join-top::before{content:'';display:inline-block;width:1px;height:10px;background:#fff;margin-right:11px;opacity:.4} #ac-globalnav a.ac-link:hover{text-decoration:none} /*-------------------------------------------------------------------- chapternav 상세 타이틀 네비 ---------------------------------------------------------------------*/ .chapternav{display:none} @supports (backdrop-filter:initial){.chapternav{backdrop-filter:saturate(180%) blur(20px);background:rgba(242,242,242,.6)}} .ac-nav-overlap .chapternav,.chapternav-overlap .chapternav{position:absolute;top:0;left:0} .ac-nav-overlap .chapternav{margin-top:44px} @media only screen and (max-width:960px){.chapternav{display:block;background:#fff;overflow:hidden;padding:11px 0 12px;position:relative;text-align:center;width:100%;height:26px;z-index:1;-webkit-box-shadow:inset -43px -44px 0 -43px rgba(0,0,0,.09);-moz-box-shadow:inset -43px -44px 0 -43px rgba(0,0,0,.09);box-shadow:inset -43px -44px 0 -43px rgba(0,0,0,.09)} .ac-nav-overlap .chapternav{margin-top:48px}} .chapternav.theme-dark,.theme-dark .chapternav{background:rgba(51,51,51,.7)} @supports (backdrop-filter:initial){.chapternav.theme-dark,.theme-dark .chapternav{background:rgba(51,51,51,.6)}} .chapternav-wrapper{position:relative;height:100%;z-index:1} .chapternav-items{list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0;white-space:nowrap;height:70px;text-align:center} .chapternav-item a.active::after,.mediaTab .thisOn a::after{content:'';display:inline-block;height:1px;background:#333;width:100%;left:0} .chapternav-item:nth-child(1){padding-left:5px} .mediaTab li{display:inline-block;vertical-align:top;margin:0 -.11765em;padding:0 10px;position:relative} .mediaTab .thisOn a::after{position:absolute;bottom:-10px} @media only screen and (orientation:landscape){.chapternav-items{padding-bottom:49px}} html.touch .chapternav-items{margin:0;padding-left:34px;padding-right:34px} .chapternav-item{display:inline-block;vertical-align:top;margin:0 -.11765em;position:relative;-webkit-animation:chapternav-slidein 350ms backwards;animation:chapternav-slidein 350ms backwards} .chapternav-item a.active::after{position:absolute;bottom:-13px} .chapternav-item:first-child{margin-left:0} .chapternav-item:last-child{margin-right:0;padding-right:5px} .chapternav-icon{background:center bottom no-repeat;display:block;margin:0 auto 6px;height:54px} .chapternav-link:lang(ar) {font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-link:lang(ja) {font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ï¼­ï¼³ Ｐゴシック", "Helvetica Neue","Helvetica", "Arial", sans-serif} .chapternav-link:lang(ko) {font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-link:lang(th) {font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-link:lang(zh-CN) {font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-link:lang(zh-HK) {font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-link:lang(zh-MO) {font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-link:lang(zh-TW) {font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-new {font-size: 9px; line-height: 1.22226; font-weight: 400; letter-spacing: .017em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #e85d00; display: block; position: absolute; top: 100%; left: 0; width: 100%} .chapternav-new:lang(ar) {font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-new:lang(ja) {font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ï¼­ï¼³ Ｐゴシック", "Helvetica Neue","Helvetica", "Arial", sans-serif} .chapternav-new:lang(ko) {font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-new:lang(th) {font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-new:lang(zh-CN) {font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-new:lang(zh-HK) {font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-new:lang(zh-MO) {font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-new:lang(zh-TW) {font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .theme-dark .chapternav-new{color:#f46c0e} .chapternav-link{color:#a6a6a6;display:block;padding:0;position:relative;z-index:1;font-size:12px;line-height:2.4;font-weight:400;font-family:inherit;text-transform:uppercase;height:25px;margin:0 10px} .chapternav-link:focus{outline-offset:0} .chapternav-link.current{color:#333;cursor:default;opacity:.6} .theme-dark .chapternav-link{color:#fff} .theme-dark .chapternav-link:hover{color:#6bf} .theme-dark .chapternav-link.current{color:#fff} @-webkit-keyframes chapternav-slidein{0%{opacity:0}1%{-webkit-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} html.touch .chapternav-paddles{display:none} .chapternav-paddle{font-size:20px;line-height:1.5;font-weight:300;letter-spacing:0;font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;border:0 solid rgba(51,51,51,.2);color:#000;opacity:1;position:absolute;top:0;bottom:0;text-align:center;width:33px;-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out} .chapternav-paddle:lang(ar) {font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:lang(ja) {font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ï¼­ï¼³ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:lang(ko) {font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:lang(th) {font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:lang(zh-CN) {font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:lang(zh-HK) {font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:lang(zh-MO) {font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:lang(zh-TW) {font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif} .chapternav-paddle:after{opacity:.8;-webkit-transition:opacity .2s linear;transition:opacity .2s linear} .chapternav-paddle:disabled{opacity:0} .chapternav-paddle:hover:after{opacity:1} .chapternav-paddle:focus{outline:0} .chapternav-paddle:focus:after{outline:#c1e0fe solid 3px;outline:rgba(131,192,253,.5) solid 3px;outline-offset:4px;opacity:1} .chapternav-paddle:active,.chapternav-paddle:focus:after[data-focus-method=mouse]:not(input):not(textarea):not(select),.chapternav-paddle:focus:after[data-focus-method=touch]:not(input):not(textarea):not(select),html.ie .chapternav-wrapper:focus,html.ie div:focus{outline:0} .chapternav-paddle:active:after{outline:0;opacity:1} .theme-dark .chapternav-paddle{border-color:rgba(255,255,255,.2);color:#fff} .chapternav-paddle-left:after,.chapternav-paddle-left:before,.chapternav-paddle-right:after,.chapternav-paddle-right:before{font-family:"SF Pro Icons";color:inherit;font-style:normal;font-weight:inherit;font-size:inherit;line-height:1;position:relative;z-index:1;alt:'';text-decoration:none} .chapternav-paddle-left{border-right-width:1px;left:0} .chapternav-paddle-left:after,.chapternav-paddle-left:before{display:inline-block;content:""} .chapternav-paddle-left:before{display:none} .chapternav-paddle-left:after{margin-left:8px} .chapternav-paddle-right{border-left-width:1px;right:0} .chapternav-paddle-right:after,.chapternav-paddle-right:before{display:inline-block;content:""} .chapternav-paddle-right:before{display:none} .chapternav-paddle-right:after{margin-right:8px} .chapternav-item-ipad-air .chapternav-icon,.chapternav-item-ipad-air-2 .chapternav-icon{width:26px} .chapternav-item-ipad-mini-2 .chapternav-icon,.chapternav-item-ipad-mini-3 .chapternav-icon,.chapternav-item-ipad-mini-4 .chapternav-icon{width:21px} @keyframes chapternav-slidein{0%{opacity:0}1%{-webkit-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} .chapternav-item a.active,.chapternav-item a:active,.mediaTab .thisOn a{color:#333} .chapternav-link,.chapternav-link:hover{text-decoration:none} /*---------------------------------------------- common -----------------------------------------------*/ @media(max-width:960px) { /*인터넷 익스플로러(IE) 10 버전에서 제대로 작동하지 않는 경우*/ html { -ms-content-zooming: none; -ms-touch-action: pan-x pan-y; } /*header*/ body.bg {background:#fff; font-family:"Open Sans", Open Sans, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo",Helmet, Freesans,'Helvetica Neue',Helvetica,Arial,Sans-Serif !important} body.bgAll {background:#fff; font-family:"Open Sans", Open Sans, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo",Helmet, Freesans,'Helvetica Neue',Helvetica,Arial,Sans-Serif !important;height: auto;} body.bgDivide{background: #fff; font-family: "Open Sans", Open Sans, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo",Helmet, Freesans,''Helvetica Neue',Helvetica, Arial, Sans-Serif !important } body.menuopen-bg{height: 100%; overflow:hidden} #demos {display: inline-block;width: 100%;} #headerWrap {position:relative; background:#fff; height:48px; transition:all 0.5s ease; z-index:88} #headerWrap .in {height:48px; min-width:100%; background:0} #headerWrap .in .header {width:100%} #headerWrap .header .logo {top:29px; left:15px} #headerWrap .header .logo img {display:none} .header .search {display:none} .indexArea {min-width:100%; overflow:hidden} .indexArea .in {width:100%;max-width: 640px;} #peruATVLayer {display:none} #pass2012Layer {display:none} #usaCH5Layer {display:none} /*content*/ .indexLeft {width:100% !important; float:none !important} .indexRight {width:100% !important; float:none !important} #indexFooter .map {display:none} #indexFooter .recent {display:none} #indexFooter .copy {background:0 !important; text-align:left !important} #indexFooter .copy img {display:none} /*-----해더 버튼-------*/ .Togglebtn {display: inline-block;padding: 24px 15px;cursor: pointer;font-size: 0;position: fixed;top: 0;right: 42px;z-index: 999;background: url(/images/ico_lang@2x.png) 50% 50% no-repeat;background-size: 18px auto} .Togglebtn:hover{opacity:0.8} .mmenu-ico {display:inline-block; padding:18px 15px 18px 10px; font-size:0; width:18px; cursor:pointer; position:fixed; right:0} .mmenu-ico::before {content:''; display:inline-block; width:100%; height:4px; border-top:1px solid #fff; border-bottom:1px solid #fff} .mmenu-ico::after {content:''; display:inline-block; width:100%; height:4px; border-bottom:1px solid #fff} .closer {position:fixed; display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0)} /*언어선택*/ .lan {display: none;width: 100px;top: 0;right: 10px;padding: 5px 0;margin-top: 40px;text-align: left;border-radius: 2px;position: absolute;z-index: 9999;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);background: #fff;font-weight: normal;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in } .lan div{position: initial;z-index: initial;width: 100%;text-align: left;max-width: 320px;background: #fff; } .lan div span a{color:#333; padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .lan span:hover {background:#e5e5e5} .lan a:hover {color:#333} .lan span {display:block; padding:0 15px} .lan span a {display:block; color:#333; line-height:38px; font-size:13px; font-family:'Open Sans', Open Sans, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif} .closer {position:fixed; display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0); z-index:998} /*언어선택눌렀을때*/ #m-lang:checked ~ .lan {display: block;height: auto;position: fixed;overflow: hidden;overflow-y: auto; z-index:10000} #m-lang:checked ~ .closer {} #m-lang:checked ~ .lan .btn {display:none; opacity:0} /*로그인메뉴감추기*/ #ac-gn-menustate {display:none} /*네비*/ .navArea {opacity:0; position:relative; overflow:hidden; top:0; left:0; bottom:0; transform:translateY(-1000px); transition:transform 0.5s} .navArea .nav {background:#fff; display:inline-block; width:100%; padding:10px 10px} .navArea ul.navi {border:0; background:0; display:table; width:100%} .navArea ul.navi li {border:0; background:0; display:block; float:none; border-bottom:1px solid #E6E6E6; height:48px} .navArea ul.navi li a {color:#333; text-align:left; width:100%; padding:0; height:100%; line-height:3.9} .navArea ul.navi li a:hover {background:none} .navArea ul.navi li ul {display:block !important; position:relative} .navArea ul.navi li ul li {} /*네비눌렀을때*/ #nav-Menu:checked ~ .navArea {display:table; top:48px; opacity:100; transform:translateY(0)} .indexRight {padding:10px 0 0 0 !important} /*배너*/ #indexQueen {display:none !important} #introPlayer {display:none !important} #indexAwards {display:none !important} #queenPop{display:none !important} .mbannar {width:100%; height:70px !important; display:table; margin:10px 0} .mbannar a {display:table-cell; vertical-align:middle; text-align:center; line-height:1.3; font-size:13px; color:#333; padding:0 50px; font-weight:500} .mbannar a:hover {text-decoration:none; opacity:0.9} .mbannar img {display:none} .mbannar span {display:block; font-size:12px; margin-top:2px; font-weight:400} .m-Queen {background:#4F8CDA url(/images/main_queenbg@2x.png) repeat-x;background-size: 496px;} .m-Queen a {color: #fffbcc; padding: 15px 30px; font-weight:600} .m-Queen span{color:#fff} .m-Queen span br{display: none} .m-Queen span:nth-child(1){font-weight:600; padding:5px 0} .m-Queen .Queenbtn{border: 1px solid #fff; display: inline-block; width: auto; padding: 5px 10px; margin-top: 10px} .m-intro {background:#487FDC url(/images/chutchintro_bg@2x.png) center no-repeat; background-size:375px;padding: 0 !important;} .m-intro a {color:#073B86; font-weight:600; font-family:inherit} .m-intro span {font-size:10px; color:#007aff} .m-intro span::after {content:''; margin-left:4px; display:inline-block; width:0; height:0; border-style:solid; border-width:3px; border-color:transparent transparent transparent #007aff} .m-introkorea {height: 63px!important; background: #13255e url(/images/ChurchofGodinKorea_170313@2x.png) center no-repeat; background-size: 375px; padding: 0 !important} .m-introkorea a {color: #fff; font-weight: 600; font-family: inherit; color:#fff298} .m-introkorea span {font-size: 10px; color: #fff} .m-introkorea span::after {content: ''; margin-left: 3px; display: inline-block; width: 12px; height: 12px; background:url(/images/introkorea_arrow@2x.png) center no-repeat; background-size: 12px; position: relative; top: 3px} .introkorea{display: none} .m-awerds {margin:10px 0 0 0 !important; background:#4F8CDA url(/images/award-bg@2x.png) center repeat; background-size:370px;} .m-awerds a {color:#E2D1A4} .m-awerds span {color:#fff; font-size:10px} .m-Seminar {background:#0048B3 url(/images/seminar-bg@2x.png) right no-repeat; background-size:382px;} .m-Seminar a {color:#fff; text-align:left; padding:0 15px} .m-Seminar span {color:#fff; font-size:10px} .m-Seminar .bnr-point {color:#E2D1A4; margin:0} .m-Seen {background: url(/images/bg_m-Seen.png) right no-repeat; background-size: 640px} .m-Seen a{color: #fff; padding: 10px 10px} .m-Seen p{color: #ffe899; display:inline-block} .m-Seen span{font-family: "Open Sans", Open Sans, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Arial, Sans-Serif !important; font-size: 10px; margin-bottom: 3px; color: #b59c78} .bnListR {width:100% !important; padding:0 15px; display:table; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .bnListR li {background:none !important} .bnListR li a, .bnListR .first a {color:#333 !important; width:100%} .bnListR .long a {color:#333; width:auto} .m-bnrbasic {width: 100% !important; height: auto !important; display: table; margin: 10px 0; background: #fff; font-weight: 600; padding: 15px 15px !important; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .m-bnrbasic img {display:none} .m-bnrbasic a {display:table-cell; vertical-align:middle; text-align:center; line-height:1.3; font-size:14px; color:#333; font-weight:600} .m-greetings{padding:20px 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .m-greetings a::after{ content:''; display:inline-block; width:5px; height:8px; background:url(/images/bnr-more@2x.png) center no-repeat; background-size:5px; margin-left:5px} .m-bnrbasic .tit {font-size:14px; color:#333; font-weight:600; line-height:1.5; position:relative} .m-bnrbasic .Letter {top:-4px} .m-bnrbasic .tit::after {content:''; display:inline-block; width:5px; height:8px; background:url(/images/bnr-more@2x.png) center no-repeat; background-size:5px; margin-left:5px} .m-bnrbasic .Letter::before {content:''; display:inline-block; width:24px; height:24px; background:url(/images/letter-hart@2x.png) center no-repeat; background-size:24px; margin-right:0px; position:relative; top:6px; right:5px} .m-bnrbasic a:hover {text-decoration:none; opacity:0.9} .m-bnrbasic span {display:block; font-size:10px; color:#999; margin:2px 0 4px; font-weight:400} .m-bnrbasic span.ornament {color:#0070C9} #indexSpecial {display:none} .swiper-container {display:block} .Special-title {position:absolute; top:78px; width:80%} .contents_left{max-width: 100%} #contents_imgN dd.thum{height: auto !important;max-width:100%; display:inline-block} #contents_imgN dd.thum img {max-width:100%;height: auto;position: relative;} .contents_center{clear:both;margin:0 auto;padding-bottom:20px;width: 100% !important;height: 100%;display: inline-block;} #indexNews {background:#fff; margin:10px 0 0 0; padding:0; display:table; width:100%; position:relative; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #indexNews .row {width:100% !important; padding:0 !important} #indexNews .row:last-child .con:last-child {padding-bottom:10px !important} #indexNews .row:last-child .con:last-child::after {display:none} #indexNews .left {float:none !important} #indexNews .right {float:none !important} #indexNews .title { height: 45px; border-bottom: 1px solid #F2F2F2; margin-bottom: 10px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #indexNews .title h3 {font-size: 15px;font-family: inherit;color: #333;font-weight: 600;letter-spacing: 0;padding: 0;display: inline-block;width: 100%;line-height: 3;} #indexNews a{text-decoration:none} #indexNews .con {width:100% !important; padding:0 15px 0 !important; position:relative; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} #indexNews .con::after {content:'';display:inline-block; width:100%; height:6px; border-top:1px solid #eee; margin-top:5px} #indexNews .con:last-child {} #indexNews .con h4 {font-family:sans-serif !important; font-size:15px !important; position:absolute; margin:0 !important; /*width:100%;*/ padding:0 0 0 94px; display:table; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} #indexNews .con h4 a {text-shadow:none !important; width:100%; display:table-cell; vertical-align:middle; padding:0; background:0; height:70px} #indexNews .con h4 a:hover {border:0 !important} #indexNews .con h4 a::before {display:none} #indexNews .con a {position:relative; display:inline-block; width:80px; height:70px; background:#333} #indexNews .con p {display:none} #indexNews .con .btn {display:none} #indexNews .con .thum {padding:0px 17px 5px 0 !important; width:100%; height:100%} #indexNews .con a::before {content:''; display:inline-block; width:78px; height:68px; border:1px solid rgba(0, 0, 0, 0.05); position:absolute;left: 0;top: 0;} #indexSocial {background:#fff; margin:10px 0 0 0; padding:0 0 10px !important; display:table; width:100%; position:relative; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0} #indexSocial .title {height:45px; border-bottom:1px solid #F2F2F2; padding:0 15px !important; margin-bottom:10px} #indexSocial .title h3 {font-size:15px; font-family:inherit; color:#333; font-weight:600; letter-spacing:0; padding:0;line-height: 3;} #indexSocial .con {width:100% !important; padding:0 15px !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; overflow:hidden} #indexSocial .con::after {content:''; display:inline-block; width:100%; height:6px; border-top:1px solid #eee; margin-top:5px} #indexSocial .con:last-child::after {display:none} #indexSocial .con a {position:relative; display:inline-block; width:80px; height:70px; background:#333} #indexSocial .con a::before {content:''; display:inline-block; width:78px; height:68px; border:1px solid rgba(0, 0, 0, 0.05); position:absolute;left: 0;top: 0;} #indexSocial .con .thum {padding:0px 17px 5px 0 !important; width:100%; height:100%} #indexSocial .con h4 {font-family:sans-serif !important; font-size:15px !important; position:absolute; top:0; margin:0 !important; width:100%; padding:0 0 0 94px; display:table; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} #indexSocial .con h4 a {text-shadow:none !important; width:100%; display:table-cell; vertical-align:middle; padding:0; background:0; height:70px} #indexSocial .con h4 a:hover {border:0 !important} #indexSocial .con h4 a::before {display:none} #indexSocial .con p {display:none} #indexSocial .con .btn {display:none} div#indexTruth.section {width:100% !important; position:relative; display:inline-block} #indexTruth {background:#fff; margin:10px 0 0 0; padding:0 0 10px 0 !important; display:table; width:100%; position:relative; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0} #indexTruth .title {height:45px; border-bottom:1px solid #F2F2F2; padding:0 15px !important;} #indexTruth .title p {position: absolute;padding: 0;right: 15px;top: 12px;} #indexTruth .title h3 {font-size:15px; font-family:inherit; font-weight:500; letter-spacing:0; padding:0;float: none !important;line-height: 3;} #indexTruth .title h3 a {color:#333;font-family:inherit; text-decoration:none; font-weight:600} #indexTruth .stepcarousel .panel h4 {font-weight:600;font-family:inherit; font-size:14px; color:#336699; line-height:1.3; margin:0 0 10px 0} #indexTruth .stepcarousel .panel h4 a {color:#333; border:0; font-family:inherit} #indexTruth .stepcarousel .panel li {background:0; padding:5px 0; line-height:1.3} .stepcarousel {height:211px !important} .stepcarousel .panel {margin:15px !important} #rPress {background:#fff; margin:10px 0 0 0; padding:0; display:table; width:100%; position:relative; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0} #rPress .title {height:45px; border-bottom:1px solid #F2F2F2; padding:0 15px;} /*#rPress .title p {opacity:0}*/ #rPress .title h3 {font-size:15px; font-family:inherit; font-weight:600; letter-spacing:0; padding:0;line-height: 3;width: 100%;} #rPress .title h3 a {color:#333} #rPress .title .btn{position: absolute;right: 0;padding: 14px 10px 0 0;} #rPress .con {margin-top:1px; padding:0 15px} #rPress .con, #rPress .con dl {border:0 !important} #rPress .con dl {width:100%; position:relative} #rPress .con dl::after {content:''; display:inline-block; width:100%; border-top:1px solid #eee; margin-top:5px; position:absolute; left:0; bottom:0} #rPress .con dt {width:130px; height:95px; margin-right:10px} #rPress .con dt::before {content:''; display:inline-block; width:128px; height:93px; border:1px solid rgba(0, 0, 0, 0.05); position:absolute} #rPress .con dt img {width:100%; height:100%; border:0 !important; padding:0 !important} #rPress .con dd {width:100%; float:none; height:95px; display:table-cell; vertical-align:middle; font-size:15px; color:#333; font-weight:400 !important; letter-spacing:-0.02em} #rPress .con dd.kind {color:#fff; position:absolute; background:rgba(71, 152, 255, 0.95); max-width:100px; display:inline-block; left:0; top:10px; text-align:center; height:25px; font-size:13px; padding:4px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} #indexFooter {border:0 !important; background:0 !important; padding:20px 15px !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#A8A8A8 !important} #indexFooter .copy {padding:0 !important; color:#A8A8A8 !important} #indexFooter .copy p, .address {color:#A8A8A8 !important; font-size:11px !important;line-height: 1.5;} /* 서브 */ #routeArea {display:none} .introSubject img, .greetSubject img{display:none} .introTop .introSubject h3{font-size:23px; text-align:left; padding:0 15px; line-height:1.3; margin-top:10px; font-family:inherit; font-style:normal; font-weight:600; margin-bottom:10px; color:#333} .subArea {min-height:100%; min-width:auto; margin:-140px 0 0} * html .subArea {height:100%} .subArea .in {margin: 0 auto; min-height: 100%; width: 100%; padding: 140px 0 0 0; position: relative; max-width: 640px} * html .subArea .in {height:100%} .greetSubject h3{font-size:23px !important} .greetCon2 .img{display:block!important} /* footer */ .footer-link {display:block; margin:15px 0} .footer-link li {display:inline-block} .footer-link li::after {content:''; display:inline-block; width:10px; height:10px; border-right:1px solid #D8D8D8; margin-right:5px; top:2px; position:relative} .footer-link li:last-child::after {display:none} .footer-link li a {font-size:11px; color:#666} #footer {clear: both; margin: 0 auto; width: 100%; height: 100%; border: 0; background: 0; text-align: left; position: relative; padding: 0 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 640px; border-top: 1px solid #e6e6e6} #footer .copy {height:100%; padding:15px 0 10px 0; text-align:left; background:0; overflow:hidden} #footer .copy img {display:none} #footer .copy p {font-size:11px; color:#a8a8a8; padding:6px 0 0 0} #footer .nav {display:none} #footer .nav .bar {color:#d9dade; font-size:9px} #footer .btnTop {position:absolute;/*! bottom:-30px !important; */ right:15px; width:40px; height:40px; border:1px solid rgba(0, 0, 0, 0.09); background:rgba(255, 255, 255, 0.9); border-radius:3px;top: 100px;} #footer .btnTop a::before {content:''; display:inline-block; background:url(/images/m-arrowup@2x.png) center no-repeat; background-size:12px; width:40px; height:40px; opacity:0.8} #footer .btnTop img {display:none} #footer .copy p.address {font-size:10px; color:#a8a8a8; padding:16px 0 0 0; line-height:1.5} #footer .copy span.btEmail {padding:0 0 0 6px} .btMoreR {background:0} .btMoreR input{padding: 0; background: url(/images/btn-arrow-media@2x.png)center right 15px no-repeat; background-size: 7px; width: 7px; height: 14px; font-size: 0} :root .btMoreR input{padding: 0 15px;} #login{position:absolute;width:90%;height:auto;top:50%;left:50%;padding:15px;margin:-45% -45%;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;background:#fff;white-space:normal;color:#034f8a;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #login form{display:none;margin:0;padding:0} #login fieldset{border:0;margin:0;padding:0} #login legend{position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;visibility:hidden} #login .btnLogin, #login .btnLogin input{display:inline-block;margin:0;padding:0;overflow:visible;height:32px;line-height:32px;font-size:12px;font-weight:bold;color:#fff;vertical-align:middle;cursor:pointer;border:0;text-decoration:none !important;background:transparent url(btnLogin.gif) no-repeat} #login .btnLogin{margin:0 4px 0 0;background-position:left top} #login .btnLogin input{left:4px;background-position:right top;vertical-align:top;padding:0 24px 0 36px} #login .iClear{position:relative;height:37px;border: 1px solid #e6e6e6;} #login .iLabel{display:block;position:static;top:9px;font:bold 11px Tahoma} #login .iTit{height:17px;color:#000;font-family:arial;font-weight:bold;margin:5px 0 0 0} #login .iText{display:block;font:11px Tahoma;height:14px;color:#034f8a;border:none;background:transparent} #login .help{position:relative;float:none;display:block;border:0;border-top:1px solid #d9d9d9;background:#fafafa;padding:15px 0;margin:0 -28px;list-style:none;text-align:center;zoom:1} #login .help li{display:inline;float:none;border-left:1px solid #c3c3c3 !important;padding:0 6px 0 10px;margin:0;line-height:1;} #login .help li.first{border:0 !important} #login .help a{float:none;display:inline;background:none;line-height:1;padding:0;font-size:11px;color:#767676;text-decoration:none;font-family:Dotum, 돋움, Sans-serif} #login .help a:hover, #login .help a:active, #login .help a:focus{text-decoration:underline;color:#000} #login .gLogin .iLabel{left:10px} #login .loginTitle{position:relative;top:10px;left:0;font-family:inherit;font-size:22px;font-weight:lighter;font-style:italic;color:#2d3bb3;font-weight: 600;font-style: normal;} #login .gLogin .gLoginleft{position:relative;width:100%;float:none;margin:25px 0 15px;color:#666;font-size:11px;font-family:arial;line-height:130%} #login .gLogin .gLoginleft .title{margin:0 0 16px 0;font-size:13px;color:#222;font-weight:bold;font-family:arial} #login .gLogin .gLoginleft .title02{margin:0 0 9px 0;font-size:13px;color:#e80000;font-weight:bold;font-family:arial} #login .gLogin .gLoginleft .title02 .icon{padding:0 0 2px 0} #login .gLogin .gLoginleft .btnBack{float:right} #login .gLogin .gLoginright{width:100%;float:none;margin-top:15px;padding:0;} #login .gLogin .iText{width:100%;padding:7px 0 7px 10px;margin:0 0 5px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 100%;font-size: 14px;color: #777;font-weight: 400;} #login .gLogin .btnLogin{position:absolute;top:103px;right:28px} #login .gLogin .keeping{float:none;height:32px;line-height:32px;margin:0;padding:0} #login .gLogin .keeping label{position:static;cursor:pointer;font-family:arial;color:#666;font-size:11px} #login .gLogin .forgot{float:right;padding:10px 0;color:#034f8a;font-size:11px;font-family:Arial} #login .gLogin .forgot a{color:#034f8a;text-decoration:none} #login .gLogin .iCheck{width:13px;height:13px;margin:0 4px 0 0;padding:0;vertical-align:middle} #login .gLogin .warning{display:none;float:none;margin:10px 0;line-height:1.4} #login .gLogin .warning.open{display:block} #login .oLogin{text-align:center} #login .oLogin .iLabel{left:36px} #login .oLogin .iText{width:291px;padding:8px 0 6px 35px;margin:0;background:url(iconOpenId.gif) no-repeat 10px center} #login .oLogin .btnLogin{margin-top:10px;margin-bottom:10px} #login.gLogin .gLogin, #login.oLogin .oLogin{display:block} #login .close{position:absolute;top:16px;right:14px;width:25px;height:25px;border:0;padding:0;background:transparent;overflow:visible;cursor:pointer; text-align:center;font:11px/25px Verdana, Geneva, sans-serif;color:#ccc;text-decoration:none !important} .result_not{ padding: 20px 15px; margin: 0; background: 0; height: 100%} .result_not h5{font-size: 15px} } @media(max-width:640px) { .m-bnrbasic{border-right: 0; border-left: 0; border-bottom: 0; margin: 0!important} #indexTeachings{border-bottom: 1px solid #eee} }