/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/


.view_btn .btn_soldout {background:#fff; border:1px solid #ccc; cursor:default; color:#999; font-weight:400;}

/* 로그인 화면 패칙 */
.if_none_member {margin-top:-21px; background:#fff; position:relative;}
.if_none_member .ul {width:50%; margin:0 auto; border-top:1px solid #ddd;}
.if_none_member:before {content:""; width:30%; height:30px; background:#fff; position:absolute; right:0; top:-40px;}



/*@@
	2021-11-24  SDK 시작 
@@*/

/* 헤더 */
.header {z-index:99; position:relative;}
.header .layout_fix {width:1280px;}
.header .ul {height:62px;}
.header li.logo {width:139px; text-align:left;}
.header .logo_box {text-align:left;}
.header .li.top_navi {width:460px;}
.header li.search {width:330px; text-align:left;}
.header li.search .top {text-align:center; height:auto;}
.header li.sns_link {width:130px;}
.header .sns_box {padding-top:13px;}
.header li.top_search {width:220px; text-align:right;}
.header .search_area {margin-top:10px;}
.header .form_box .input_search {width:160px; padding:10px 40px 10px 5px; border-bottom-color:#9ba3a0;}
.header .form_box .input_search:focus {width:200px;}
.top .right_menu {margin:0;}
.top .btn .tx {letter-spacing:-1px; color:#555555;}
.top .right_menu li {margin-left:0;}

.header .top .btn {line-height:62px; height:auto;}
.top .if_more:hover .btn:before, .top .if_more:hover .btn:after, .top .if_more:hover:after {content:none;}
.top .if_more .btn .tx img {margin-top:29px; margin-left:5px;}
.top .if_more:hover .btn {background:none;}

.header .li.top_navi .nav_box {display:table; box-sizing:border-box; margin:0 auto;}
.header .li.top_navi .nav_box .li {display:table-cell; position:relative; height:50px;}
.header .li.top_navi .nav_box .depth1 {padding:0 15px; line-height:62px; height:62px;  position:relative; display:block; overflow:hidden; border-left:0; border-right:0; box-sizing:border-box; white-space:nowrap}
.header .li.top_navi .nav_box .depth1 {color:#000; font-size:15px; letter-spacing:0px; font-weight:700;}
.header .li.top_navi .nav_box .depth1 {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.header .li.top_navi .nav_box .depth2_box {text-align:center; width:180px; box-sizing:border-box; margin-left:-90px; }
.header .li.top_navi .nav_box .depth2_box {position:absolute; left:50%; top:53px; z-index:100; background:#fff;}
.header .li.top_navi .nav_box .depth2_box ul {padding:0; height:0px; overflow:hidden; box-sizing:border-box;}
.header .li.top_navi .nav_box .depth2_box ul {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.header .li.top_navi .nav_box .depth2_box li {list-style:none; padding:0 10px; box-sizing:border-box; box-sizing:border-box; height:0px; overflow:hidden;}
.header .li.top_navi .nav_box .depth2_box li {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.header .li.top_navi .nav_box .depth2_box .ctg2 {color:#888; display:block; white-space:nowrap; font-size:13px; height:25px; line-height:25px;}
.header .li.top_navi .nav_box .depth2_box .ctg2:hover {text-decoration:underline; color:#000;}

.header .li.top_navi .nav_box .li:hover .depth1 {color:#ff3300 !important; font-weight:600 !important;  }
.header .li.top_navi .nav_box .li:hover .depth2_box {border-bottom:4px solid #333;border-top:1px solid #000;}
.header .li.top_navi .nav_box .li:hover .depth2_box ul {height:auto; padding:10px 0 20px 0; border:1px solid #333; border-top:0; border-bottom:0;}
.header .li.top_navi .nav_box .li:hover .depth2_box li {height:25px; opacity:1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.header .li.top_navi .nav_box .li.hit .depth1 {background:#fff; color:#000; font-weight:600; border-bottom:1px solid #fff !important;}
.header .li.top_navi .nav_box .li.hit:hover .depth1 { border-bottom:1px solid #fff !important;}
.header .li.top_navi .nav_box .if_nodepth .depth1 {border-bottom:0px solid #333 !important; }
.header .li.top_navi .nav_box .if_nodepth:hover .depth1 {border-bottom:0px solid #333 !important; }

/* 메인 */
.main_visual { z-index:1; margin-top:-62px; position:relative;}
.main_visual .visual_box, .main_visual .rolling_box {height:790px;}
.main_visual .rolling_icon {margin:0; position:absolute; left:0; bottom:20px; z-index:3; text-align:center; width:100%;}
.main_visual .prevnext .icon {width:50px; height:50px;}

/*@@
	2021-11-24  SDK 끝
@@*/