.clearHeight {height:0.1px;} #header { position:absolute; width:100%; z-index:2; background: none; border-bottom:1px solid #333333; } .subPage #header { position:relative; background: #fff; border-bottom:none;} #header.scroll-to-fixed-fixed {border-bottom:none; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1); width:100% !important; background:#fff;} .subPage #header.scroll-to-fixed-fixed {background: #fff; } #header .inner { display: flex; height: 100px; padding: 0 80px; justify-content: space-between; gap:20px; width:100%; box-sizing:border-box; } #header .inner > div { flex-basis: 300px; flex-shrink:0} #header .inner .headerLogo a { display: block; height: 100%; display: flex; align-items: center;} #header .inner .headerLogo img {max-width:100%;} #header .inner .headerLogo a.subLogo {display:none;} #header .inner .headerLogo a.mainLogo {display:flex;} #header.scroll-to-fixed-fixed .inner .headerLogo a.mainLogo {display:none;} #header.scroll-to-fixed-fixed .inner .headerLogo a.subLogo {display:flex;} .subPage #header .inner .headerLogo a.subLogo {display:flex;} .subPage #header .inner .headerLogo a.mainLogo {display:none;} #header .inner #gnb {position: relative; flex-basis: auto; flex-grow: 1; flex-shrink:1; z-index:2;} #header .inner #gnb .nav { display: flex; height: 100%; justify-content: center; gap:50px; } #header .inner #gnb .nav > li {} #header .inner #gnb .nav > li > a { display: block; height: 100%; align-content: center; text-align: center; font-size: 20px; color: #fff; font-weight:500;} .subPage #header .inner #gnb .nav > li > a {color:#000;} #header.scroll-to-fixed-fixed .inner #gnb .nav > li > a {color:#000;} #gnb .categoryDepth1 { opacity: 0; visibility: hidden; position:absolute; display: inline-block; border: 1px solid #eaeaea; background: rgba(255,255,255,1); -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 5px; padding: 10px 40px 30px 30px; min-width:140px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #header .inner #gnb .nav > li > div.right { min-width:220px; } #gnb .categoryDepth1.nowShow { opacity: 1; visibility: visible;} #gnb .categoryDepth1:first-child { border: 0; padding-left: 0;} #gnb .categoryDepth1 h1.title { width: 100%; margin-bottom: 25px; font-size:18px; font-weight: 500; color:#000; cursor: default; } #gnb .categoryDepth1 h1.title:hover { color:#0167B9; } #gnb .categoryDepth1 ul { } #gnb .categoryDepth1 ul li {display:block; clear:both; line-height:30px;} #gnb .categoryDepth1 ul li.title {padding:20px 0; font-size:18px; color:#000; font-weight: 500; cursor: default; } #gnb .categoryDepth1 ul li.title a {font-size:18px; color:#000;} #gnb .categoryDepth1 ul li.title:hover { } #gnb .categoryDepth1 ul li.title:hover a {color:#0167B9;} #gnb .categoryDepth1 ul li a { font-size:16px; color:#555; font-weight:normal;} #gnb .categoryDepth1 ul li a:hover { color:#0167B9; } #gnb .categoryDepth1 .devideCategory { float: left; margin-left: 40px; } #gnb .categoryDepth1 .devideCategory.firstDevide { margin: 0;} #header .inner .headerLink { display: flex; justify-content: flex-end; align-self: center; } #header .inner .headerLink > a { display: inline-block; max-width:40px; margin-left: 8px; } #header .inner .headerLink > a img {max-width:100%; vertical-align: middle; } #allCategory {cursor:pointer;} #header .inner .headerLink > div { display: flex; align-self: center; margin-left: 24px; cursor:pointer; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .subPage #header .inner .headerLink > div, #header.scroll-to-fixed-fixed .inner .headerLink > div { -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); } /* .subPage #header .inner .headerLink > a, #header.scroll-to-fixed-fixed .inner .headerLink > a { background-color:#000;}*/ #quick { position: fixed; top: 100px; left: 0; width: 90px; background: #eaf5f9; padding: 40px 8px 40px; border-radius:0 33px 33px 0; box-sizing:border-box; z-index: 51;/* transition: width .1s;*/ box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);} #quick .changeBtn { position: absolute; right: 0; top: -1px; width: 65px; height: 65px; background: url("/images/new/layout/quick_btnbg.png") no-repeat center; cursor:pointer; } #quick .changeBtn:after { content:""; display: block; width: 100%; height: 100%; background: url("/images/new/arrow/arrow_next_st2_w.png") no-repeat center;} #quick .quickLogo { margin-top: 30px;} #quick .quickLogo img { max-width:100%; } #quick .contents.type1 { padding-top: 0;} #quick .contents.type1 .day { margin: 0 auto; writing-mode: vertical-rl; text-orientation:sideways; font-size: 18px; font-weight: 700; color: #000;} #quick .contents.type1 .day .date { margin-top:10px; color: #00adee; } #quick .contents.type1 a { display: block; margin: 30px auto 0; padding: 20px 7px 11px; writing-mode: vertical-rl; text-orientation:sideways; font-size: 18px; font-weight: 700; color: #fff; background: #000; border-radius:30px; } #quick .contents.type1 a img { margin-top: 25px; margin-right: 2px;} #quick .contents.type2 { display: none; margin-top: 15px; } #quick .contents.type2 .link { width: 270px; height: 94px; line-height: 94px; font-size: 20px; color: #00adee; display: block; background: url("/images/new/layout/btn_receive.png") no-repeat center; text-align: center; box-sizing:border-box; padding-left: 65px; font-weight: 700; margin-left: -20px; } #quick .contents.type2 .linkBox { margin-top: 30px;} #quick .contents.type2 .linkBox a { position: relative; display: block; color: #000; font-size: 16px; font-weight: 500; margin-bottom: 20px; padding-left: 25px;} #quick .contents.type2 .linkBox a:before { position: absolute; content:""; display: block; width: 10px; height: 10px; background: #000; left: 0; top: 4px; border-radius:50%; } #quick .contents.type2 .linkBox a:hover:before { background: #fff; border: 2px solid #00adee; left: -2px;} #quick.on { width: 330px; padding: 30px 35px 30px; } #quick.on .quickLogo img { max-width:140px; } #quick.on .changeBtn:after { background: url("/images/new/arrow/arrow_prev_st2_w.png") no-repeat center;} #quick.on .contents.type1 .day { writing-mode: inherit; text-orientation: inherit; font-size: 26px;} #quick.on .contents.type1 .day .date { display: inline-block; font-size: 18px;} #quick.on .contents.type1 a { display: none; } #quick.on .contents.type1 .br { display: block;} #quick.on .contents.type2 { display: block; } #footer_group { width: 100%; background: #191a1f; color: #a9a9a9;} #footer_group .footer { width: 100%; } #footer_group .footer .footerDepartment { padding: 70px 0 40px; border-bottom: 1px solid #303136; } #footer_group .footer .footerDepartment .inner { display: flex; justify-content: space-between; /*max-width:1720px;*/ max-width:1400px; margin: 0 auto; } #footer_group .footer .footerDepartment .footerDepartmentContent { display: flex; gap:60px; } #footer_group .footer .footerDepartment .footerDepartmentContent > div { } #footer_group .footer .footerDepartment .footerDepartmentContent .title a { font-size: 18px; color: #eeeeee;} #footer_group .footer .footerDepartment .footerDepartmentContent ul { margin-top: 25px; } #footer_group .footer .footerDepartment .footerDepartmentContent li { margin-bottom: 20px; } #footer_group .footer .footerDepartment .footerDepartmentContent li a { font-size: 16px; color: #aaaaac;} #footer_group .footer .footerDepartment .footerDepartmentContent2 { display: flex; gap:10px;} #footer_group .footer .footerDepartment .footerDepartmentContent2 .footerSns { display: flex; gap:10px; } #footer_group .footer .footerDepartment .footerDepartmentContent2 .footerSns a { width: 60px; height: 60px; line-height: 60px; border-radius:10px; background: #24272e; text-align: center; display: flex; justify-content: center; align-items: center;} #footer_group .footer .footerDepartment .footerDepartmentContent2 .footerSns a img { vertical-align: middle; } #footer_group .footer .footerDepartment .footerDepartmentContent2 { display: block; } #footer_group .footer .footerDepartment .footerDepartmentContent2 .footerSns { margin-bottom: 10px;} .familySite { position: relative; } .familySite .btn_familySite { display: block; position: relative; font-size: 16px; width: 240px; height: 60px; line-height: 1em; margin: 0; padding: 0px 55px 0px 20px; text-align: left; background: #24272e url("/images/new/arrow/arrow_bot_st1_w.png") no-repeat 90% center; border-radius:10px; color: #fff; } .familySite.on .btn_familySite { border-radius:10px 10px 0 0; background:#24272e url("/images/new/arrow/arrow_top_st1_w.png") no-repeat 90% center;} .familySite .familySite_layer { display: none; position: absolute; top: 60px; width: 240px; border-width:0px 1px 1px 1px; background-color: #24272e; z-index: 1001; outline:none; color:#fff; box-sizing:border-box; border-radius:0 0 10px 10px; padding-bottom: 20px; } .familySite.on .familySite_layer { display: block; } .familySite .familySite_layer dd a { display: block !important; font-size: 16px !important; padding: 8px 20px !important; color:#fff; } #footer_group .footer .footerTerms { padding: 50px 0;} #footer_group .footer .footerTerms .inner { display: flex; justify-content: space-between; /*max-width:1720px;*/ max-width:1400px; margin: 0 auto; gap:15px; } #footer_group .footer .footerTerms .footerLogo { flex-basis:175px; flex-shrink:0; font-size: 23px; font-weight: bold;} #footer_group .footer .footerTerms .footerInfo { width: 100%; font-size: 16px;} #footer_group .footer .footerTerms .footerInfo a, #footer_group .footer .footerTerms .footerInfo span { display:inline-block; } #footer_group .footer .footerTerms .footerInfo .footerSiteInfo { line-height: 180%; } #footer_group .footer .footerTerms .footerInfo .footerSiteInfo span { margin-right: 15px;} #footer_group .footer .footerTerms .footerInfo .footerSiteInfo a { color: #eeeeee;} #footer_group .footer .footerTerms .footerInfo .footerSiteInfo a:after { content:""; width: 19px; height: 19px; display: inline-block; background: url("/images/new/arrow/arrow_link_st6_w.png") no-repeat center; vertical-align: middle;} #footer_group .footer .footerTerms .footerInfo .footerCopyright { margin-top: 40px;} #footer_group .footer .footerTerms .footerInfo .footerCopyright > div { display: inline-block; } #footer_group .footer .footerTerms .footerInfo .footerCopyright > div:last-child { margin-left: 150px; } #footer_group .footer .footerTerms .footerInfo .footerCopyright a { color: #eeeeee; margin-left: 15px; } #footer_group .footer .footerTerms .footerInfo .footerCopyright a strong {font-weight:400;} #footer_group .footer .footerTerms .footerInfo .footerCopyright a:last-child { color: #00adee;} #footer_group .footer .footerTerms .footerInfo .footerCopyright a:after { content:""; width: 19px; height: 19px; display: inline-block; background: url("/images/new/arrow/arrow_link_st6_w.png") no-repeat center; vertical-align: middle;} #footer_group .footer .footerTerms .footerInfo .footerCopyright a:last-child:after { content:""; width: 19px; height: 19px; display: inline-block; background: url("/images/new/arrow/arrow_link_st6_blue.png") no-repeat center; vertical-align: middle;} #footer_group .footer .footerTerms .footerBrand { flex-basis: content; flex-shrink:0; } #footer_group .footer .footerTerms .footerBrand img { margin-left: 10px;} .site_map { display:none; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; max-width: 1260px; background: #ffffff; border-radius:10px; z-index:201; } .site_map.active{ display:block; } .site_map_inner { margin: 0 auto; position: relative; } .site_map .close { position: absolute; top: 20px; right: 10px; font-size: 30px z-index:202; } .site_map .sr { position: absolute; right:20px; width: 40px; height: 40px; z-index:202; background: url("/images/new/layout/icon-close.svg") no-repeat; background-size:40px; cursor:pointer; } .site_map_inner .allCategorySitemap { clear:both; width: 100%; padding:60px 50px; box-sizing:border-box;} .site_map_inner .allCategorySitemap .inner {width: 100%; display:flex; flex-wrap: wrap; gap:30px; max-height:70vh; overflow-x:hidden; overflow-y:auto; } .site_map_inner .allCategorySitemap .categoryDepth1 { flex-basis:22%; flex-grow: 1; } .site_map_inner .allCategorySitemap .categoryDepth1:nth-child(1), .site_map_inner .allCategorySitemap .categoryDepth1:nth-child(2), .site_map_inner .allCategorySitemap .categoryDepth1:nth-child(4) { flex-basis:16%; } .site_map_inner .allCategorySitemap .categoryDepth1:nth-child(3) { flex: 2 1 26%; } .site_map_inner .allCategorySitemap .categoryDepth1 h1.title{ width: 100%; margin-bottom: 20px; padding-bottom:15px; font-size:20px; color:#000; cursor: default; font-weight:normal; border-bottom:1px solid #dcdcdc;} .site_map_inner .allCategorySitemap .categoryDepth1 ul { margin-bottom: 30px;} .site_map_inner .allCategorySitemap .categoryDepth1 ul li { margin-bottom: 7px; white-space:nowrap;} .site_map_inner .allCategorySitemap .categoryDepth1 ul li.title, .site_map_inner .allCategorySitemap .categoryDepth1 ul li.title a{font-size:16px; color:#000; margin-bottom:15px; font-weight: normal; cursor: default; } .site_map_inner .allCategorySitemap .categoryDepth1 ul li.title:hover { color:#a5d6fe; } .site_map_inner .allCategorySitemap .categoryDepth1 ul li.title:hover a {color:#a5d6fe;} .site_map_inner .allCategorySitemap .categoryDepth1 ul li a { font-size:15px; color:#777; } .site_map_inner .allCategorySitemap .categoryDepth1 ul li a:hover { color:#a5d6fe; } .site_map_inner .allCategorySitemap .categoryDepth1 .devideCategory { float: left; margin-left:25px; } .site_map_inner .allCategorySitemap .categoryDepth1 .devideCategory.firstDevide { margin: 0;} .site_map_inner .allCategorySitemap .allCategoryBottom { display:none; } .site_map_inner .allCategorySitemap .allCategoryBottom .inner { position: relative; } .site_map_inner .allCategorySitemap .allCategoryBottom .allCategoryBottomLink { float:right; display: block; width: 370px; line-height: 55px; background: #014D87 url("/images/navi_linkbtn.png") no-repeat 290px center; text-indent: 20px; color:#fff;} @media screen and (max-width:1240px){ .site_map {top: 0; left:auto; right: -100%; max-width:460px; height:100vh; overflow-y:auto; transform:unset; border-radius:0; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; } .site_map.active { right: 0;} .site_map .close {right:0; top:15px;} .site_map .sr { background-size:32px; background-position:center; } .site_map_inner .allCategorySitemap { padding:60px 35px; } .site_map_inner .allCategorySitemap .inner { flex-wrap: nowrap; flex-direction: column; max-height:100%; gap:0; height:100%; } .site_map_inner .allCategorySitemap .categoryDepth1 {display:flex; flex-direction: column; gap:20px;} #header .inner #gnb .nav > li > div.right { min-width:auto;} .site_map_inner .allCategorySitemap .categoryDepth1 ul {margin:0 0 0 16px;} .site_map_inner .allCategorySitemap .categoryDepth1 ul li {margin-bottom:10px;} .site_map_inner .allCategorySitemap .categoryDepth1 h1.title{ position: relative; margin:0; padding:15px 0;} .site_map_inner .allCategorySitemap .categoryDepth1 h1.title::after {content:""; position: absolute; top: 0; right: -10px; width: 55px; height: 55px; background: url("/images/new/layout/icon-plus.svg") no-repeat center; background-size:26px;} .site_map_inner .allCategorySitemap .categoryDepth1.nowShow h1.title::after {background: url("/images/new/layout/icon-minus.svg") no-repeat center; background-size:26px;} /* .site_map_inner .allCategorySitemap .categoryDepth1 ul li.title{position: relative;} .site_map_inner .allCategorySitemap .categoryDepth1 ul li.title:not(.noSub)::after {content:""; position: absolute; top: -10px; right: -10px; width: 40px; height: 40px; background: url("/images/new/layout/icon-plus.svg") no-repeat center; background-size:22px;} .site_map_inner .allCategorySitemap .categoryDepth1.nowShow ul li.title:not(.noSub)::after {background: url("/images/new/layout/icon-minus.svg") no-repeat center;} */ .site_map_inner .allCategorySitemap .categoryDepth1 .devideCategory {margin:0; float:none; } .site_map_inner .allCategorySitemap .categoryDepth1 .devideCategory ul {margin-top:25px;} .site_map_inner .allCategorySitemap .categoryDepth1 .devideCategory ul:nth-child(1){ margin-top:0;} #footer_group .footer .footerDepartment { padding:0 0 40px; } .site_map_inner .allCategorySitemap .categoryDepth1 {flex:0 1 0 !important;} } @media screen and (max-width:1024px){ #footer_group .footer .footerDepartment .footerDepartmentContent .title a { font-size:17px;} #footer_group .footer .footerDepartment .footerDepartmentContent2 .footerSns a {width:50px; height:50px; line-height:50px;} .familySite .btn_familySite {height:50px;} .familySite .familySite_layer { top:50px; } #footer_group .footer .footerTerms .footerInfo {font-size:14px;} } @media screen and (max-width:760px){ .site_map_inner .allCategorySitemap { padding: 60px 25px 100px; } .site_map_inner .allCategorySitemap .categoryDepth1 h1.title { font-size:18px; } .site_map_inner .allCategorySitemap .categoryDepth1 h1.title::after {height:52px; background-size:24px;} .familySite .btn_familySite {font-size:14px;} #footer_group .footer .footerTerms .footerBrand img { margin: 0 4px; max-width:70%;} #footer_group .footer .footerTerms .footerBrand img:nth-child(1), #footer_group .footer .footerTerms .footerBrand img:nth-child(2), #footer_group .footer .footerTerms .footerBrand img:nth-child(3){ max-width:30%; margin-bottom:10px;} #footer_group .footer .footerDepartment .footerDepartmentContent .title a { font-size:16px;} #footer_group .footer .footerDepartment .footerDepartmentContent li a {font-size:15px;} } #layerDim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:200; background:rgba(34,34,34,0.5); } #layerDim.active {display:block; } #winTopbtn {position:fixed; bottom:226px; right:30px; z-index:100; cursor:pointer; } #winTopbtn ul { display:flex; flex-direction: column; align-content: center; align-items: center; gap:10px; } #winTopbtn ul li { width: 62px; height: 62px; border-radius:50px; } #winTopbtn ul li a { display: block;} #winTopbtn ul li img { vertical-align: middle; } #winTopbtn .naver { background: #16b76b url("/images/new/layout/quick_n_talk.png") no-repeat center;} #winTopbtn .kakao { background: #fec053 url("/images/new/layout/quick_k_talk.png") no-repeat center;} #winTopbtn.on .naver, #winTopbtn.on .kakao { display: block;} #winTopbtn .snsBtn { color: #fff; text-align: center; width: 89px; height: 104px; border-radius:0; background: url("/images/new/layout/snsplus.png") no-repeat center; align-content: center; padding-top: 10px; font-size: 16px; font-weight: bold;} #winTopbtn .snsBtn:after { content:"+"; display: inline-block; } #winTopbtn.on .snsBtn:after { content:"-";} #winTopbtn .RightTopBtn { width: 71px; height: 71px;} #winTopbtn .etcBtn { width: 84px; height: 84px; display:flex; justify-content: center; align-items: center; font-size:14px; font-weight:500; border-radius:50px; background-color:#fff; text-align:center; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);} #winTopbtn .etcBtn a {color:#00ADEF; } #winTopbtn ul li.addBtn {width: 84px; height: 84px;} #winTopbtn ul li.addBtn a { position:relative; } #winTopbtn ul li.addBtn a span { opacity: 1; visibility: visible; position:absolute; left:-100px; font-size:15px; min-width:90px; padding:8px 16px; text-align:center; border-radius:30px; color:#fff; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } #winTopbtn ul li.addBtn a:hover span{opacity: 1; visibility: visible;} #winTopbtn ul li.addBtn a span { background-color:#00ADEE;} #winTopbtn ul li.addBtn img { vertical-align: middle; max-width:100%;} #winTopbtn2 {position:fixed; bottom:10px; right:5px; z-index:100; cursor:pointer;} #winTopbtn2 .link { width: 210px; height: 210px;} #winTopbtn2 .link .linkBg { width: 100%; height: 100%; -webkit-animation-name: rotate; -webkit-animation-duration:12s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name: rotate; -moz-animation-duration:12s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; } #winTopbtn2 .link a { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 123px; height: 123px; background: #00adef; color: #fff; font-size: 18px; font-weight: 700; border-radius:50%; } .scrollChange *::-webkit-scrollbar { width: 6px; height: 3px;} .scrollChange *::-webkit-scrollbar-button { display: none;} .scrollChange *::-webkit-scrollbar-track { background-color: rgba(33,33,33,.3); border-radius:10px;} .scrollChange *::-webkit-scrollbar-track-piece { background: #eee; } .scrollChange *::-webkit-scrollbar-thumb { background: #999;} .ContentPdInner { padding-left:var(--p-left) !important; padding-right:var(--p-right) !important; } .ContentPdInner .ContentPdInner {padding-left:0 !important; padding-right:0 !important;} @media screen and (max-width:2000px){ #header .inner { padding: 0 20px; } #footer_group .inner { padding-left:var(--p-left); padding-right:var(--p-right); box-sizing:border-box; } } @media screen and (max-width:1960px){ #quick {width:90px;} #quick.on { width:300px; padding:25px 30px;} } @media screen and (max-width:1800px){ #header .inner #gnb .nav {gap:35px;} #header .inner #gnb .nav > li > a { font-size:18px; } #gnb .categoryDepth1 h1.title, #gnb .categoryDepth1 ul li.title, #gnb .categoryDepth1 ul li.title a{font-size:16px;} #gnb .categoryDepth1 ul li a {font-size:15px;} #gnb .categoryDepth1.right { right:-20px; } #footer_group .footer .footerDepartment .footerDepartmentContent2 { display: block; } #footer_group .footer .footerDepartment .footerDepartmentContent2 .footerSns { margin-bottom: 10px;} #footer_group .footer .footerTerms .footerLogo { flex-basis:100px; } #footer_group .footer .footerTerms .footerBrand { flex-shrink:1; } body {word-break:keep-all;} #wrap > div:not(#quick):not(.mainTopSlide):not(.bgContainer_popSlider):not(#bottom_banner):not(#container):not(.section_u) {padding-left:var(--p-left); padding-right:var(--p-right); box-sizing:border-box;} .section_u {padding-left:var(--p-left); padding-right:var(--p-right);box-sizing:border-box;} } @media screen and (max-width:1640px){ #header .inner {gap:30px; padding: 0 30px;} #header .inner > div {flex-basis:260px; } #header .inner .headerLink { flex-basis:26px; justify-content: flex-start; } #header .inner .headerLink > div {margin:0;} #header .inner #gnb {display:flex; justify-content: flex-end; } #header .inner .headerLink a:nth-child(1), #header .inner .headerLink a:nth-child(2) {display:none;} #winTopbtn2 {display:none;} #winTopbtn {bottom:15px; right:15px;} #winTopbtn ul {gap:10px;} #winTopbtn ul li { width: 42px; height: 42px; } #winTopbtn ul li.addBtn {width: 64px; height: 64px;} #winTopbtn ul li.addBtn a span {font-size:13px; padding:6px 12px; min-width:80px; left:-80px;} #winTopbtn .naver, #winTopbtn .kakao { background-size:50%; } #winTopbtn .snsBtn { width:69px; height:84px; background-size:100%;} #winTopbtn .RightTopBtn {width: 51px; height: 51px;} #winTopbtn .RightTopBtn img {max-width:100%;} #winTopbtn li.etcBtn {width: 62px; height: 62px; font-size:12px;} } @media screen and (max-width:1340px){ #header .inner {height:80px;} #header .inner #gnb, #quick{display:none;} #header .inner .headerLink{flex-basis:300px;; justify-content: flex-end; } #header .inner .headerLink > div {margin-left:24px;} #header .inner .headerLink a:nth-child(1), #header .inner .headerLink a:nth-child(2) {display:block;} #wrap > div:not(#quick):not(.mainTopSlide):not(.bgContainer_popSlider):not(#bottom_banner):not(#container):not(.section_u) {padding-left:var(--p-left); padding-right:var(--p-right);} #footer_group .inner { padding-left:var(--p-left); padding-right:var(--p-right); } } @media screen and (max-width:1240px){ #footer_group .footer .footerDepartment { border: 0;} #footer_group .footer .footerDepartment .inner { display: block;} #footer_group .footer .footerDepartment .footerDepartmentContent { display: block; } #footer_group .footer .footerDepartment .footerDepartmentContent .title { position: relative; padding: 20px 0; border: 1px solid #303136; border-width: 1px 0; margin-top: -1px;} #footer_group .footer .footerDepartment .footerDepartmentContent div:nth-child(1) .title {border-top:0;} #footer_group .footer .footerDepartment .footerDepartmentContent .title .depBtn { position: absolute; top: 0; right: 0; width: 63px; height: 63px; background: url("/images/new/arrow/arrow_bot_st1_w.png") no-repeat center; cursor:pointer; } #footer_group .footer .footerDepartment .footerDepartmentContent .title.on .depBtn { background: url("/images/new/arrow/arrow_top_st1_w.png") no-repeat center; } #footer_group .footer .footerDepartment .footerDepartmentContent .title + ul { display: none;} #footer_group .footer .footerDepartment .footerDepartmentContent .title.on + ul { display: block;} #footer_group .footer .footerDepartment .footerDepartmentContent2 { display: flex; margin-top: 40px;} #footer_group .footer .footerTerms { padding-top: 0;} #footer_group .footer .footerTerms .inner { display: block; } #footer_group .footer .footerTerms .footerLogo { display: none;} #footer_group .footer .footerTerms .footerInfo { border-bottom: 1px solid #303136; padding-bottom: 40px;} #footer_group .footer .footerTerms .footerInfo .footerCopyright > div { display: block; } #footer_group .footer .footerTerms .footerInfo .footerCopyright > div:last-child { margin: 15px 0 0 0;} #footer_group .footer .footerTerms .footerInfo .footerCopyright a { margin-left: 0; margin-right: 15px;} #footer_group .footer .footerTerms .footerBrand { padding-top: 40px;} } @media screen and (max-width:1024px){ #wrap > div:not(#quick):not(.mainTopSlide):not(.bgContainer_popSlider):not(#bottom_banner):not(#container):not(.section_u) {padding-left:var(--p-left); padding-right:var(--p-right);} #footer_group .inner { padding-left:var(--p-left); padding-right:var(--p-right); } } @media screen and (max-width:760px){ #header .inner {height:60px;} #header .inner .headerLink a:nth-child(1), #header .inner .headerLink a:nth-child(2) {/*display:none;*/} #header .inner .headerLink { flex-basis:110px; justify-content: center; } #header .inner .headerLink > a {margin-left:0; margin-right:10px;} #header .inner .headerLogo img {max-height:44px;} #header .inner .headerLink > div {margin-left:0;} } @media screen and (max-width:560px){ #header .inner {padding:0 16px; gap:0;} #header .inner .headerLogo {width:200px;flex-basis: auto; } #header.scroll-to-fixed-fixed .inner {height:50px;} #header.scroll-to-fixed-fixed .inner .headerLogo img {max-height:34px;} #header .inner .headerLink > a { margin-right:6px; max-width:30px;} #header .inner .headerLink > a:nth-child(3) {margin-right:10px;} #footer_group .footer .footerDepartment .footerDepartmentContent2 {flex-wrap: wrap;} #footer_group .footer .footerDepartment .footerDepartmentContent2 .footerSns { width:100%; justify-content: center;} .footerFamilySite, .familySite, .familySite .btn_familySite, .familySite .familySite_layer{ width:100%; box-sizing:border-box;} .familySite.on .btn_familySite, .familySite .btn_familySite { background-position:94% center;} #winTopbtn {right:10px; bottom:20px;} #winTopbtn ul {gap:8px;} #winTopbtn ul li { width: 36px; height: 36px; } #winTopbtn .snsBtn { width:59px; height:74px; font-size:14px;} #winTopbtn .RightTopBtn {width: 41px; height: 41px;} #winTopbtn li.etcBtn { display:none;} #winTopbtn ul li.addBtn {width: 44px; height: 44px;} #winTopbtn ul li.addBtn a span {font-size:11px; padding:4px 10px; min-width:68px; left:-70px;} }