@charset "utf-8";
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@import url('https://webfontworld.github.io/NanumMyeongjo/NanumMyeongjo.css');
@font-face{ font-family:'Somi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Somi.woff') format('woff'); }


*{ font-size:inherit; font-weight:inherit; font-family:inherit; border:0; outline:none; }
html,body{ font-family:'Pretendard'; font-size:16px; font-weight:400; color:#000; letter-spacing:-0.05em; }
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; background:#000; }
a:hover{ color:inherit; }


.tcol,.pageNavigation strong,.colorActive,.mobile_menu .btnWrap a:before,.productView .productSaleInfo .mallControlBtn ul li #cartBtn
{color:#3390a5 !important;}
.tcolb,.table_basic,#ajax_body,.productView .productInfo .productImageZoom a:hover,.tmp-select > a:before,.form-control:focus,.input:focus
{border-color:#3390a5 !important;}
{border-color:#3390a5;}
.tcolbg,.tb thead tr,#ajax_display .menu_black,.new_login_box .loginbtn,#clNav:hover > div,.tabRecent .on:before,.subHeader h3,.productView,.productTab li.on .productSaleInfo .mallControlBtn ul li .buyBtn
,.banner .bx-pager div a.active,.Photo:before,.Photo *:before
{background-color:#3390a5 !important;}
.btnPack.strong,.box:after,.btnPack.blue,.btnPack.red
{background-color:#3390a5;}


#Default .emailContent{background:rgba(45,130,194,0.1);}
#Default .emailContent dt{color:rgba(45,130,194,0.7);}


.container{ width:auto; padding:0; }
.row{ margin:0; }
.padding{ padding:0 200px; }
i{ font-family:"FontAwesomes"; }
a{ text-decoration:none !important; }
input, textarea, button, select{ font-family:'Pretendard' !important; }


/*scroll효과*/
.sa{ opacity:0; transition:all .5s ease; }
.sa.show{ opacity:1; transform:translate(0, 0); }
.sa_up{ transform:translate(0, 50px); }
.sa_down{ transform:translate(0, -50px); }
.sa_right{ transform:translate(-100px, 0); }
.sa_left{ transform:translate(100px, 0); }


/*스크롤*/
::-webkit-scrollbar{ width:8px; height:5px; }
::-webkit-scrollbar-track{ background-color:#f5f5f5; }
::-webkit-scrollbar-thumb{ background-color:#3390a5; border-radius:50px; }


/*header*/
#header{ background:transparent; }
#header .stickmenu .container{ max-width:1902px; height:150px; padding:0 100px; }
#header .stickmenu .container .row{ height:100%; display:flex; align-items:center; }
#header .stickmenu .container .row .logo img{ display:none; }
#header .stickmenu .container .row .logo img:first-child{ display:block; }
#header .stickmenu .container .row #Menu2{ width:calc(100% - 385px); margin-left:50px; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li{ position:relative; width:calc(100% / 6) !important; text-align:center; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>a{ height:150px; font-size:18px; font-weight:600; color:#fff; padding:0 30px; transition:.2s; display:flex; align-items:center; justify-content:center; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>a em{ display:none; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li:hover>a{ background-color:#3390a5; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul{ width:100%; background-color:#3390a5; padding-bottom:50px; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li{ margin-bottom:20px; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li>a{ color:rgba(255,255,255,.7); transition:.2s; }
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li:hover>a{ font-weight:400; color:#fff; }
#header .stickmenu .container .row .header_btn{ position:absolute; top:50%; right:100px; transform:translateY(-50%); display:flex; align-items:center; cursor:pointer; }
#header .stickmenu .container .row .header_btn>ul>li{ position:relative; }
#header .stickmenu .container .row .header_btn>ul>li>div{ color:#fff; display:flex; align-items:center; }
#header .stickmenu .container .row .header_btn>ul>li>div span{ font-weight:500; margin:0 10px; }
#header .stickmenu .container .row .header_btn>ul>li>div i{ font-size:18px; }
#header .stickmenu .container .row .header_btn>ul>li>ul{ position:absolute; top:100%; left:0; width:100%; display:none; }
#header .stickmenu .container .row .header_btn>ul>li>ul>li{ width:100%; border:1px solid #fff; border-radius:50px; margin-top:10px; }
#header .stickmenu .container .row .header_btn>ul>li>ul>li:hover{ background-color:#3390a5; border-color:#3390a5; }
#header .stickmenu .container .row .header_btn>ul>li>ul>li>a{ width:100%; line-height:28px; font-size:14px; font-weight:500; text-align:center; color:#fff; display:block; }
#header .stickmenu .container .row .header_btn #opNav{ position:initial; width:30px; height:20px; margin:0 0 0 20px; cursor:pointer; }
#header .stickmenu .container .row .header_btn #opNav span{ height:5px; background-color:#fff; border-radius:50px; margin-left:auto; display:block; }
#header .stickmenu .container .row .header_btn #opNav span:first-child{ width:20px; }
#header .stickmenu .container .row .header_btn #opNav span:nth-child(2){ width:100%; margin:5px 0; }
#header .stickmenu .container .row .header_btn #opNav span:last-child{ width:25px; }
#header .stickmenu .container .row .header_btn #opNav:hover span{ width:100%; }
#header .sticky{ background-color:rgba(0,0,0,.15); backdrop-filter:saturate(180%) blur(10px); }
#header .sticky .container{ height:100px; }
#header .sticky .container .row .logo img{ height:45px; }
#header .sticky .container .row #Menu2 .localNavi>ul>li>a{ height:100px; }
#header .sticky .container .row #Menu2 .localNavi>ul>li>ul{ padding-bottom:30px; }
#header .sticky .container .row .header_btn>ul>li>ul>li{ border:1px solid rgba(0,0,0,.15); }

#header.sub_header{ background-color:#fff; }
#header.sub_header .stickmenu .container .row .logo img{ filter:initial; }
#header.sub_header .stickmenu .container .row #Menu2 .localNavi>ul>li>a{ color:#000; }
#header.sub_header .stickmenu .container .row #Menu2 .localNavi>ul>li:hover>a{ color:#fff; }
#header.sub_header .stickmenu .container .row .header_btn>ul>li>div{ color:#000; }
#header.sub_header .stickmenu .container .row .header_btn>ul>li>ul>li{ border:1px solid #000; }
#header.sub_header .stickmenu .container .row .header_btn>ul>li>ul>li:hover{ border:1px solid #3390a5; }
#header.sub_header .stickmenu .container .row .header_btn>ul>li>ul>li>a{ color:#000; }
#header.sub_header .stickmenu .container .row .header_btn>ul>li>ul>li:hover>a{ color:#fff; }
#header.sub_header .stickmenu .container .row .header_btn #opNav span{ background-color:#000; }
#header.sub_header .stickmenu .container .row .header_btn #opNav:hover span{ background-color:#000; }
#header.sub_header .sticky .container .row #Menu2 .localNavi>ul>li>a{ color:#fff; }
#header.sub_header .sticky .container .row .header_btn>ul>li>div{ color:#fff; }
#header.sub_header .sticky .container .row .header_btn #opNav span{ background-color:#fff; }
#header.sub_header .sticky .container .row .header_btn #opNav:hover span{ background-color:#fff; }
#header.sub_header .sticky .container .row .header_btn>ul>li>ul>li{ border:1px solid rgba(0,0,0,.15); }
#header.sub_header .sticky .container .row .header_btn>ul>li>ul>li>a{ color:#fff; }


/*footer*/
#footer{ background-color:#fff; padding:0; }
#footer *{ color:#000; }
#footer>.container{ width:100%; max-width:1902px; padding:100px; }
#footer .container>div{ display:flex; justify-content:space-between; margin-bottom:100px; }
#footer .container>div .footer_L .info span{ display:block; line-height:1; font-size:16px; font-weight:500; white-space:initial; margin-bottom:10px; }
#footer .container>div .footer_L .info span::after{ display:none; }
#footer .container>div .footer_L .info span:first-child{ font-size:18px; font-weight:900; margin:20px 0 30px 0; }
#footer .container>div .footer_L .info span:last-child{ margin-bottom:0; }
#footer .container>div .footer_L .info span strong{ min-width:141px; font-weight:900; text-transform:uppercase; display:inline-block; }
#footer .container>div .footer_L>ul{ margin:60px 0 100px 0; padding-bottom:0; display:flex; }
#footer .container>div .footer_L>ul>li{ width:210px; height:60px; background-color:#f5f5f5; }
#footer .container>div .footer_L>ul>li:first-child{ margin-right:10px; }
#footer .container>div .footer_L>ul>li a{ width:100%; line-height:60px; font-size:16px; font-weight:500; text-align:center; color:#888; display:block; }
#footer .container>div .footer_R #opAll{ display:none; }
#footer .container>div .footer_R .All_menu{ position:initial; background:transparent; border:none; display:block; }
#footer .container>div .footer_R .All_menu h3{ display:none; }
#footer .container>div .footer_R .All_menu .container>ul{ padding-bottom:0; margin:0; display:flex; }
#footer .container>div .footer_R .All_menu .container>ul>li{ width:auto; margin:0 0 0 60px; padding:0; display:block; }
#footer .container>div .footer_R .All_menu .container>ul>li::after{ display:none; }
#footer .container>div .footer_R .All_menu .container>ul>li>a{ line-height:initial; font-size:18px; font-weight:800; border-bottom:none; padding:0; }
#footer .container>div .footer_R .All_menu .container>ul>li>a em{ display:none; }
#footer .container>div .footer_R .All_menu .container>ul>li>ul{ padding-bottom:0; margin:30px 0 0 0; }
#footer .container>div .footer_R .All_menu .container>ul>li>ul>li{ border-bottom:none; display:block; margin-bottom:20px; }
#footer .container>div .footer_R .All_menu .container>ul>li>ul>li::after{ display:none; }
#footer .container>div .footer_R .All_menu .container>ul>li>ul>li:last-child{ margin-bottom:0; }
#footer .container>div .footer_R .All_menu .container>ul>li>ul>li>a{ line-height:initial; font-size:16px; font-weight:500; padding-left:0; }
#footer .container>div .footer_R #clAll{ display:none; }
#footer .container copy{ font-size:16px; font-weight:600; color:#888; border-top:1px solid rgba(0,0,0,.15); padding-top:30px; margin-top:0; }
#footer .container copy span, #footer .container copy em{ font-size:16px; font-weight:600; color:#888; }

#footer.sub_footer{ background-color:#000; }
#footer.sub_footer *{ color:#fff; }
#footer.sub_footer .container>div .footer_L img{ filter:brightness(0) invert(1); }
#footer.sub_footer .container>div .footer_L .info span{ color:rgba(255,255,255,.3); }
#footer.sub_footer .container>div .footer_L .info span:first-child{ color:#fff; }
#footer.sub_footer .container>div .footer_L .info span strong{ color:#fff; }
#footer.sub_footer .container>div .footer_L>ul>li{ background-color:rgba(255,255,255,.1); }
#footer.sub_footer .container>div .footer_R .All_menu .container>ul>li>ul>li>a{ color:rgba(255,255,255,.3); }


/*Visual*/
#subVisual{ padding:150px 200px 0 200px; background-color:#fff; }
#subVisual.s000999{ display:none; }
#subVisual h3{ max-width:1920px; font-size:96px; font-weight:800; margin:auto; }


/*sub_menu*/
.subMenu{ padding:40px 200px 0 200px; }
.subMenu::after{ display:none; }
.subMenu .container{ max-width:1902px; margin:auto; }
.subMenu .container .row .parent>ul>li{ width:auto !important; margin-right:50px; }
.subMenu .container .row .parent>ul>li:last-child{ margin-right:0; }
.subMenu .container .row .parent>ul>li::before{ display:none; }
.subMenu .container .row .parent>ul>li>a{ height:auto; line-height:initial; font-size:20px; font-weight:500; color:#888; }
.subMenu .container .row .parent>ul>li>a.active{ font-weight:800; color:#3390a5; background:transparent; border-bottom:2px solid #3390a5; }

.subMenu .container .row .childe{ margin-top:100px; }
.subMenu .container .row .childe .childes li::before{ display:none; }
.subMenu .container .row .childe .childes li a{ height:50px; line-height:50px; font-size:18px; border:1px solid rgba(0,0,0,.15); }
.subMenu .container .row .childe .childes li a.active{ font-weight:600; color:#3390a5; border:2px solid #3390a5; border-bottom:none; }

.subMenu #now{ height:auto; line-height:initial; font-size:18px; font-weight:600; text-indent:0; color:#000; background:transparent; border-bottom:2px solid #000; padding-bottom:15px; }
.subMenu #now::after{ right:0; font-size:22px; }
.subMenu #now.off::after{ right:0; }
.subMenu>.parents li{ background-color:#fff; border-left:2px solid #000; border-right:2px solid #000; transition:.2s; }
.subMenu>.parents li:last-child{ border-bottom:2px solid #000; }
.subMenu>.parents li:hover{ background-color:#f5f5f5; }
.subMenu>.parents li a{ height:auto; line-height:initial; font-size:16px; font-weight:600; border-top:none; padding:15px 25px; }

.subMenu>.childes{ position:absolute; width:calc(100% - 100px); margin-top:15px; display:flex; flex-wrap:wrap; z-index:100; }
.subMenu>.childes li{ width:calc(100% / 5) !important; }
.subMenu>.childes li::before{ top:50%; bottom:auto; left:-2px; transform:translateY(-50%); width:4px; height:4px; background:#000; border-radius:50%; }
.subMenu>.childes li:first-child::before{ display:none; }
.subMenu>.childes li a{ height:auto; line-height:initial; font-size:18px; font-weight:500; border-top:none; padding:0 !important; }


/*mobile_menu*/
.mobile_menu{ width:100%; max-width:1000px; }
.mobile_menu #clNav{ top:25px; right:25px; width:36px; height:36px; border:1px solid #3390a5; border-radius:50%; }
.mobile_menu #clNav i{ top:50%; left:50%; width:20px; background:#3390a5 !important; }
.mobile_menu #clNav i.bar1{ transform:translate(-50%, -50%) rotate(225deg); }
.mobile_menu #clNav i.bar2{ transform:translate(-50%, -50%) rotate(-225deg); }
.mobile_menu>ul{ margin-top:88px; }
.mobile_menu>ul>li{ border-top:1px solid rgba(0,0,0,.15); }
.mobile_menu>ul>li:first-child{ border-top:1px solid rgba(0,0,0,.15); }
.mobile_menu>ul>li:last-child{ border-bottom:1px solid rgba(0,0,0,.15); }
.mobile_menu>ul>li>a{ height:auto; line-height:initial; font-size:16px; font-weight:600; color:#000; padding:30px 25px; }
.mobile_menu>ul>li>a::before, .mobile_menu>ul>li>a::after{ display:none !important; }
.mobile_menu>ul>li.open>a{ color:#3390a5; }
.mobile_menu>ul>li>ul{ background:#fff !important; padding:0 25px 30px 25px; }
.mobile_menu>ul>li>ul>li{ border-top:none; margin-bottom:25px; padding-left:15px; }
.mobile_menu>ul>li>ul>li:last-child{ margin-bottom:0; }
.mobile_menu>ul>li>ul>li>a{ height:auto; line-height:initial; font-size:16px; font-weight:500; color:rgba(0,0,0,.4); padding-left:0; transition:.2s; }
.mobile_menu>ul>li>ul>li>a.off{ font-weight:500; color:#000; }
.mobile_menu>ul>li>ul>li:hover>a{ color:#3390a5; }
.mobile_menu>ul>li>ul>li>a::before{ right:0; }
.mobile_menu>ul>li>ul>li .childes{ border-top:none !important; padding:10px 0 0 0 !important; }
.mobile_menu>ul>li>ul>li .childes li{ margin-bottom:2px; }
.mobile_menu>ul>li>ul>li .childes li:last-child{ margin-bottom:0; }
.mobile_menu>ul>li>ul>li .childes li a{ line-height:initial; font-size:16px; }
.mobile_menu>ul>li>ul>li .childes li a::before{ width:5px; margin-right:10px; background:rgba(0,0,0,.15); }


/*top_button*/
.back-to-top{ bottom:20px; right:20px; width:auto; height:auto; line-height:initial; border:none; }
.back-to-top::before{ display:none; }
.back-to-top div{ width:50px; height:50px; border-radius:50%; transform:rotate(-90deg); transition:.2s; display:flex; align-items:center; justify-content:center; }
.back-to-top:hover div{ background-color:#3390a5; }
.back-to-top div i{ font-size:20px; color:#3390a5 !important; transition:.2s; }
.back-to-top:hover div i{ color:#fff !important; }
.back-to-top span{ font-size:16px; font-weight:700; color:#3390a5 !important; margin-top:10px; display:block; }


/*개인정보취급방침*/
#Default .textContent{ max-width:1502px; font-weight:300; word-break:keep-all; margin:auto; }
#Default .textContent h1{ display:block; font-size:30px; font-weight:800; padding-bottom:20px; }
#Default .textContent h2{ font-size:20px !important; font-weight:800 !important; margin:40px 0 10px 0 !important; }
#Default .textContent h2:first-child{ margin:0 0 10px 0 !important; }
#Default .textContent p{ line-height:140%; margin-bottom:5px; }
#Default .textContent ol li:last-child{ margin-bottom:0; }
#Default .textContent ul{ margin-left:10px !important; }
#Default .textContent ul li{ position:relative; list-style:none !important; margin:5px 0; }
#Default .textContent ul li::before{ content:""; position:absolute; top:8px; left:-10px; width:4px; height:4px; background-color:#000; border-radius:50%; }
#Default .textContent ul li:last-child{ margin:5px 0 0 0; }
#Default .textContent ul li ul{ margin-left:12px !important; }
#Default .textContent ul li ul li::before{ top:9px; left:-12px; width:6px; height:1px; border-radius:0; }





@media only screen and (max-width:1600px){
	/*footer*/
	#footer .container>div .footer_R .All_menu .container>ul>li{ margin:0 0 0 40px; }
}
@media only screen and (max-width:1500px){
	.padding{ padding:0 50px; }
	/*header*/
	#header .stickmenu .container{ padding:0 50px; }
	#header .stickmenu .container .row #Menu2 .localNavi>ul>li>a{ padding:0 25px; }
	#header .stickmenu .container .row #Menu2 .localNavi>ul:hover>li>a{ padding:0 40px; }
	#header .stickmenu .container .row .header_btn{ right:50px; }
	/*footer*/
	#footer>.container{ padding:100px 50px; }
	/*Visual*/
	#subVisual{ padding:150px 50px 0 50px; }
	/*sub_menu*/
	.subMenu{ padding:40px 50px 0 50px; }
}
@media only screen and (max-width:1400px){
	/*footer*/
	#footer>.container>div .footer_L{ width:100%; }
	#footer .container>div .footer_L>ul{ float:right; margin:-60px 0 35px 0; }
	#footer .container>div .footer_R{ display:none; }
	/*Visual*/
	#subVisual h3{ font-size:92px; }
	/*sub_menu*/
	.subMenu .container .row .parent>ul>li{ margin-right:40px; }
	.subMenu .container .row .parent>ul>li>a{ font-size:18px; }
}
@media only screen and (max-width:1000px){
	/*footer*/
	#footer>.container{ padding:80px 50px; }
	#footer .container>div .footer_L>ul>li{ width:180px; }
	#footer .container>div .footer_L .info span strong{ display:block; margin-bottom:5px; }
	/*Visual*/
	#subVisual{ padding:120px 50px 0 50px; }
	#subVisual h3{ font-size:88px; }
}
@media only screen and (max-width:800px){
	/*footer*/
	#footer .container>div .footer_L>ul{ float:initial; margin:30px 0; }
	#footer .container>div .footer_L>ul>li{ width:160px; height:50px; }
	#footer .container>div .footer_L>ul>li a{ line-height:50px; font-size:14px; }
	#footer .container copy span, #footer .container copy em{ font-size:14px; }
	/*Visual*/
	#subVisual h3{ font-size:80px; }
}
@media only screen and (max-width:600px){
	.padding{ padding:0 25px; }
	/*header*/
	#header .stickmenu .container{ height:120px; padding:0 25px; }
	#header .stickmenu .container .row .logo img{ height:45px; }
	#header .stickmenu .container .row .header_btn{ right:25px; }
	#header .sticky .container{ height:80px; }
	#header .sticky .container .row .logo img{ height:35px; }
	/*footer*/
	#footer>.container{ padding:80px 25px; }
	#footer .container>div .footer_L>ul{ flex-wrap:wrap; }
	#footer .container>div .footer_L>ul>li{ width:100%; }
	#footer .container>div .footer_L>ul>li:first-child{ margin:0 0 10px 0; }
	/*Visual*/
	#subVisual{ padding:100px 25px 0 25px; }
	#subVisual h3{ font-size:70px; word-break:break-all; }
	/*sub_menu*/
	.subMenu{ padding:40px 25px 0 25px; }
	.subMenu>.childes{ width:calc(100% - 50px); }
	.subMenu>.childes li{ width:calc(100% / 3) !important; }
	.subMenu>.childes li:nth-child(4)::before{ display:none; }
	.subMenu>.childes li:nth-child(n+4){ margin-top:15px; }
	.subMenu>.childes li a{ font-size:16px; }
}
@media only screen and (max-width:500px){
	/*개인정보취급방침*/
	#Default .textContent{ word-break:break-all; }
	/*이메일무단수집거부*/
	#Default .textContent .emailContent dt{ display:none; }
	#Default .textContent .emailContent dd{ padding:2%; }
}
@media only screen and (max-width:400px){
	/*header*/
	#header .stickmenu .container .row .logo img:first-child{ display:none; }
	#header .stickmenu .container .row .logo img:last-child{ display:block; }
	#header .stickmenu .container .row .header_btn #opNav{ margin:0 0 0 15px; }
	/*footer*/
	#footer>.container>div .footer_L img{ height:45px; }
	/*Visual*/
	#subVisual h3{ font-size:66px; }
	/*sub_menu*/
	.subMenu #now{ font-size:16px; }
}