/* BASIC css start */
html{width: 100%;}
body{min-width: 1280px;}
#wrap{max-width: 1920px; min-width: 1280px; width: 100%; margin: 0 auto;}
/* ¶ì¹è³Ê */
#topBnr{display: none; width: 100%; text-align: center}
#topBnr .topWrap{position: relative; min-width: 1302px;}
#topBnr .topWrap > a > img{width: 100%;}
#xbtn{position: absolute; top: 50%; right:69px; transform: translateY(-50%);}
#xbtn img{width: 16px;}

/* header »ó´Ü ¸Þ´º */
#header { position:fixed; width:100%; min-width: 1302px; background:#fff; z-index:100; left:0; top:0; border-bottom:1px solid #e6e6e6;}
#header.act { position:fixed; top:-144px; left:0; right:0 }
#header .headerTop { width:100%; padding:27px 0 21px;}
#header .headerTop .realtop{min-width: 1280px; max-width: 1600px; margin:0 auto;}
#header .headerTop .realtop:after{display:block; clear:both; content:''}
#header .headerTop .hdLeft {float:left; overflow:hidden;}
#header .headerTop .hdLeft a {font-size: 12px; color: #000000; font-family: '¸¼Àº °íµñ','Malgun Gothic',sans-serif;}
#header .headerTop .hdRight { padding-top:12px; float:right }
#header .headerTop .hdRight ul li { padding-left:20px; float:left }
#header .headerTop .hdRight ul li a {color:#999; font-family: '¸¼Àº °íµñ','Malgun Gothic',sans-serif; }
#header .headerTop .cart_cnt{display: inline-block; width: 13px;}
#header .headerTop .cart_cnt span{ background: #000; width: 17px; height: 17px; border-radius: 100%; display: inline-block; text-align: center; line-height: 18px; color: #fff; margin-left: 3px; position: absolute; top: -2px;}
#header .headerTop .tooltip_box .tooltip {bottom:auto; top:-35px; left:4px; padding:0;}
#header .headerTop .tooltip_box .tooltip .txt:before {top: auto; left: 35px; transform: rotate(180deg); -webkit-transform: rotate(180deg); bottom: -8px;}

#header .headerBottom_wrap{background: #fff; height:40px;}
#header .headerBottom_wrap.fix{position: fixed; top:0; left:0; opacity: 0.9; border-bottom:1px solid #e6e6e6 !important}
#header .headerBottom { margin:0 auto; position:relative; max-width: 1600px;}
#header .headerBottom .tlogo {float: left; line-height: 85px; }
#header .headerBottom .tlogo img{}
#header .headerBottom .joinus{position:relative;}

#header .headerBottom .left_menu {float:left;}
#header .headerBottom .left_menu .depth01 {}
#header .headerBottom .left_menu .depth01 li {display:inline-block;}
#header .headerBottom .left_menu li {padding:0 14px;}
#header .headerBottom .left_menu li:first-child {padding:0 14px 0 0;}
#header .headerBottom .left_menu li:last-child {padding-right:0;}
#header .headerBottom .left_menu .depth01 > li {padding-bottom:10px;}
#header .headerBottom .left_menu .depth01 > li > a {display:inline-block; line-height:40px; font-family:'Montserrat',sans-serif; font-size:16px; color:#000; position:relative;}
#header .headerBottom .left_menu .depth01 > li.on > a,
#header .headerBottom .left_menu .depth01 > li.active > a {color:#014984; font-weight:bold;}
#header .headerBottom .left_menu .depth01 > li.on > a:after,
#header .headerBottom .left_menu .depth01 > li.active > a:after {content:''; position:absolute; left:0; bottom:0; display:inline-block; width:100%; height:2px; background:#014984;}
#header .headerBottom .left_menu .depth01 > li.txt_type > a {font-family: 'SpoqaHanSansNeo-Regular';}
#header .headerBottom .left_menu .depth01 > li.txt_type .line {display:inline-block; width:2px; height:12px; background:#dedede; position:relative; top:3px; margin:0 18px 0 3px;}
#header .headerBottom .left_menu .depth02 {position:absolute; width:100%; left:0; top:51px; background:#fff; display:none;}
#header .headerBottom .left_menu .depth02:before {content:''; position:fixed; width:100vw; left:0; top:132px; background:#fff; display: inline-block; height: 49px; z-index: -1;}
#header .headerBottom .left_menu .depth02 li {}
#header .headerBottom .left_menu .depth02 li a {display:block; line-height:40px; font-family: 'SpoqaHanSansNeo-Regular'; font-size:14px; color:#8c8c8c; line-height:49px;}
#header .headerBottom .left_menu .depth02 li a:hover {color:#000; font-weight:bold;}

#header .headerBottom .navWrap {float: right; }
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .lnb_wrap { width:100%;}
#header .headerBottom .navWrap .lnb_wrap > ul {float:left;}
#header .headerBottom .navWrap .lnb_wrap > ul.menulist{width: 966px;}
#header .headerBottom .navWrap .lnb_wrap.active > ul.menulist{width: 100% !important;}
#header .headerBottom .navWrap ul .lnb_depth1 { position:relative; float:left;}
#header .headerBottom .navWrap ul .lnb_depth1 > b,
#header .headerBottom .navWrap ul .lnb_depth1 > a {padding: 0 12px; font-size: 16px; color: #000; font-family: 'Montserrat',sans-serif; line-height: 40px; cursor:pointer; }
#header .headerBottom .navWrap ul .lnb_depth1 > .brand_menu {display:block; font-weight:700; padding-right:38px; position:relative; color:#014984;}
#header .headerBottom .navWrap ul .lnb_depth1 > .brand_menu:after{position:absolute; top:calc(50% - 3px); right:15px; display:block; width:13px; height:7px; background:url(/design/posteam/image/ic_arrow_dw_b.png) center no-repeat; content:"";}
#header .headerBottom .navWrap ul .lnb_depth1.sel > .brand_menu:after{transform: rotate(180deg);}
#header .headerBottom .navWrap ul .lnb_depth1:last-of-type > a{padding-right: 0}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 { display:none; position: absolute; top:35px; left:50%; transform: translateX(-50%); padding: 30px 40px 30px 40px; background: #fff; z-index: 10; border: 1px solid #ddd; border-radius:5px; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:before{position: absolute; top: -6px; left: 50%; content: ''; width: 10px; height: 6px; font-size: 14px; /* background: url(/design/posteam/aura/pc/icon/rectangle_new.png) no-repeat; transform: translateX(-50%);*/}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li {margin-bottom: 10px; text-align:center; padding:6px 0; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li a {font-size: 17px; color: #111; font-family: "¸¼Àº °íµñ",'Malgun Gothic',sans-serif; white-space: nowrap; }

#header .headerBottom .point{ border-radius: 10px; position: absolute; top: 35px; left: 38%; margin-left: -30px; width: 56px; height: 17px; line-height: 17px; background: #323232; color: #fff; text-align: center; }
#header .headerBottom .point span{position: absolute; top: -11px; left: 22px; width: 8px; height: 4px; color: #424242;}




.dn {
	display: block !important
}

/* ´Ùã´Ù ´Ã¸±¶© 275 ÁÙÀ϶© 180 */

#header .headerBottom .search_box {float: right; margin-left:19px; position:relative;}
#header .headerBottom .search_box .btn_search{display:block; position:absolute; right:0; top:0; width:38px; height:38px; background:#014984 url(/design/posteam/image/filter_icon.png)no-repeat center center; border-radius:50%; overflow:hidden; font-size:0; text-align:center; line-height:38px;}
#header .headerBottom .box_area:hover .btn_search{background:#014984;}
#header .headerBottom .box_area:hover .btn_search:after{content:'ÇÊÅÍ'; display:inline-block; font-size:13px; color:#fff; font-family: 'SpoqaHanSansNeo-Regular';}
#header .headerBottom .search_box input{float:left; display:block; width:420px; height:30px; box-sizing:border-box; border:0; border-bottom:2px solid #000; font-family: 'Noto Sans KR',"¸¼Àº °íµñ",'Malgun Gothic', sans-serif; font-size:16px; padding:0 10px;  }
#header .headerBottom .box_area {width:275px; position:relative; line-height:38px; background:#f5f5f5; border-radius:19px; padding:0 22px; box-sizing:border-box; cursor:pointer;}
#header .headerBottom .search_text {color:#074d87; font-size: 12px; font-family: 'SpoqaHanSansNeo-Regular'; display:inline-block; font-weight:600;}
/*
#header .headerBottom .search_text:after {
  content: '';
  margin-left: .4rem;
  border-right: 2px solid #777;
  animation: cursor .9s infinite steps(2);
}

@keyframes cursor {
  from { border-right: 2px solid #222; }
  to { border-right: 2px solid #777; }
}
*/
#header .headerBottom .fill_txt {position:relative;}
#header .headerBottom .sc_tooltip{position:absolute; bottom:-28px; right:-8px; z-index:10; transition:all .3s ease-in;}
#header .headerBottom .sc_tooltip .fill_txt{display:inline-block; line-height:1; background:#014984; border-radius:10px; width:100%; text-align:center; color:#fff; font-size:11px; font-family: 'Noto Sans KR',"¸¼Àº °íµñ",'Malgun Gothic', sans-serif; position:relative; animation: sctootip 1.5s  ease-in-out infinite; font-weight:bold; width:54px; height:20px; line-height:20px;}
#header .headerBottom .sc_tooltip .fill_txt:before{position:absolute; content:"¡ã"; color:#014984; font-size:11px; top:-11px; left:23px; z-index:-1;}
#header .headerBottom .search_box.on .sc_tooltip{bottom:0; transform: scale(0); -webkit-transform: scale(0); opacity:0;}


@keyframes sctootip {        
  0% {transform: translateY(0);}
  50% {transform: translateY(7px);}
  100% {transform: translateY(0);}
}







/* ´Ùã´Ù °Ë»ö ÆÄÀδõ */
#allfinder-layer { }
#allfinder-layer .finder-body { display:none; z-index: 9999; position: fixed; top: 0; right: 0; width: 100%; height:100%; padding:85px 40px 5px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; background:#fff; }
#allfinder-layer .finder-body .finder-close { position: absolute; top: 15px; left: 50%; margin-left:600px; background: #ddd; width: 46px; height: 46px; padding: 0; }
#allfinder-layer .finder-body .finder-close img{display:block; margin:10px;}
#allfinder-ctr { z-index: 10000; position: fixed; top: 50px; right: 0; width: 103px; height:86px; }
#allfinder-ctr a { display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0; }

.all-finder-layer .finder-body .finder-tbl{width:1100px; margin:0 auto;}
.all-finder-layer .finder-body .finder-tbl th, 
.all-finder-layer .finder-body .finder-tbl td { height: 40px; border-top: 1px solid #e5e5e5; font-size: 13px; font-family:'Malgun Gothic'; color: #000; }
.all-finder-layer .finder-body .finder-tbl tr:nth-child(-n+2) th,
.all-finder-layer .finder-body .finder-tbl tr:nth-child(-n+2) td { border-top:none;border }
.all-finder-layer .finder-body .finder-tbl th { padding: 25px 0; text-align: left; vertical-align:top; font-size:15px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l { position:relative; height:34px; line-height:34px; margin:3px 0; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:22px; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer { display:none; position:absolute; top:33px; left:52px; width:270px; padding:0 20px 18px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:14px; right:20px; margin:0; font-size:21px; color:#000; outline:none; *width:19px; *height:22px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit { padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:bold; line-height:15px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt { padding-top:16px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-body .finder-tbl td { padding: 25px 10px; }
.all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; font-size: 13px; font-family:'Malgun Gothic'; }
.all-finder-layer .finder-body .finder-category { height:40px; overflow:hidden; }
.all-finder-layer .finder-body .finder-category.open { height:100%; overflow:visible; }
.all-finder-layer .finder-body tr.finder-child-category {display:none;}
.all-finder-layer .finder-body tr.finder-child-category th,
.all-finder-layer .finder-body tr.finder-child-category td { border-top:none; }
.all-finder-layer .finder-body tr.finder-child-category td { background:#fbfbfb; }

.all-finder-layer .finder-body .finder-color { padding-left:10px; }
.all-finder-layer .finder-body .finder-price .finder-price-input { display: inline-block; padding-top:5px}
.all-finder-layer .finder-body .finder-price .finder-price-input label { display: inline-block; width: 110px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; color: #666; }
.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input { display: inline-block; width: 90px; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: right; }
.all-finder-layer .finder-body .finder-search { position:relative; padding-right:30px; }
.all-finder-layer .finder-body .finder-search label { display: inline-block; width: 100%; border-bottom: 2px solid #000; }
.all-finder-layer .finder-body .finder-search label .txt-input { display: block; width:100%; height: 30px; line-height: 30px; padding: 0; border: none; background: none; color: #333; text-align: left; }
.all-finder-layer .finder-body .finder-search button { position:absolute; top:0;right:0; background:#fff; }
.all-finder-layer .finder-body .finder-btn-c { padding: 30px 0; text-align: center; }
.all-finder-layer .finder-body .finder-btn-c button { display: inline-block; width:140px; height: 60px; line-height: 57px; padding:0 30px; *padding:0; border:none; border-radius:3px; background: #000; color: #fff; font-size: 15px; font-weight: bold; letter-spacing: -0.5px; font-family:'Malgun Gothic'; cursor:pointer; }
.all-finder-layer .finder-body .finder-btn-c button span.ico-search { visibility:visible; display:inline-block; width:16px; height:15px; margin-right:10px; margin-top:-4px; *margin-top:0; vertical-align:middle; background:url('/images/common/btn_h15_search.png') no-repeat 0 0; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count { visibility:visible; display:inline-block; height:60px; color:#ffd800; font-size:23px; *vertical-align:middle; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle { visibility:visible; display:none; }
.all-finder-layer .finder-body .finder-btn-c a.reset { display: inline-block; width: 140px; height: 60px; line-height: 57px; border:1px solid #000; border-radius:3px; background: #fff; color: #000; font-size: 15px; font-weight: bold; letter-spacing: 1px; font-family:'Malgun Gothic'; margin-right:15px; }

.all-finder-layer .finder-body .finder-options { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; border: 1px solid #fff; vertical-align:top; word-break:break-all; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:5px; }
.all-finder-layer .finder-body .finder-options.on { color:#fff; background:#014984; border:1px solid #014984; }
.all-finder-layer .finder-body .finder-option-color em { display: inline-block; width: 32px; height: 32px; border-radius:20px; font-size:10px; letter-spacing:-1px; text-align:center; color:#111; line-height:90px; vertical-align:top; }
.all-finder-layer .finder-body .finder-option-color.color-picker { width:32px; height:32px; padding: 0 0 20px 0; border: none; background:none; overflow:hidden; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on { border: none; }
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em { background-color: #000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em { background-color: #FFF; width: 31px; height: 31px; border: 1px solid #e5e5e5; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em { background-color: #808080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em { background-color: #425583; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em { background-color: #800080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em { background-color: #008000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em { background-color: #cfbc4e;  }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; }
.all-finder-layer .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.all-finder-layer .finder-body .search-auto-complete-list ul li { text-align:left; }
.all-finder-layer .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a{ display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color: #999; }
#allfinder-layer table td .finder-search-data > span .fa-close { display: inline-block; vertical-align: middle; width: 11px; height: 11px; background: url(/design/posteam/image/allfindDelOpction.png)no-repeat center center; margin-left: 10px; margin-top: -3px; cursor: pointer; }




.all-finder-layer .finder-body .finder-search-data .finder-option-color em{ width:20px; height:20px; font-size:0; }
.all-finder-layer .finder-body .finder-search-data .finder-option-color.finder-option-color-white em{ width:19px; height:19px; }



/*[wib] Ãß°¡ÀÛ¾÷*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.sliderSection * { font-family: "Inter", sans-serif;}

:root {
    --block:#231F20;
}

.sliderSection { width: 100%; text-align: center;}
.sliderSection > h3 { font-size: 48px; color: var(--block); font-weight: 800;}  
.sliderSection > p { font-size: 14px; color: var(--block); font-weight: 400; margin: 16px 0 40px;} 
.sliderSection .name { font-size: 24px; color: var(--block); font-weight: 400; display: flex; justify-content: center; margin: 0 0 80px; align-items: center;}

.color_g { display: flex; flex-wrap: nowrap; gap: 0 16px; justify-content: center; margin: 0 0 110px;}
.color_g > li { width: 50px; height: 50px; border-radius: 999px;}
.color_g li.on { position: relative;}
.color_g li.on::after { content: ''; display: inline-block; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(/design/posteam/aura/pc/icon/active_icon.svg) no-repeat;}

.mySwiper { position: relative; padding: 0 0 25px;}
.mySwiper .colorChip { width: 30px; height: 30px; border-radius: 999px; margin-right: 13px;}
.mySwiper .swiper-button-next { width: 65px; height: 65px; transform: rotate(180deg); background: url(/design/posteam/aura/pc/icon/slider_icon.svg) no-repeat;}
.mySwiper .swiper-button-prev { width: 65px; height: 65px; background: url(/design/posteam/aura/pc/icon/slider_icon.svg) no-repeat;}

.mySwiper .swiper-button-next::after,
.mySwiper .swiper-button-prev::after { display: none;}

.mySwiper .swiper-pagination { display: none; bottom: 0 !important;}

.swiper-pagination-bullet { background: #D9D9D9; opacity: 1;}
.swiper-pagination-bullet-active { background: var(--block);}
/* BASIC css end */