/* layout */   

#wrap {  position:relative;  background:#FFF;}
#body {width:100%;}
 
.main_bg {background:#fff;}
.sub_bg {background:#FFF;}


.at-container {width:100%; max-width:1200px; margin:0 auto; position:relative;}
.at-container2 {width:100%; max-width:1200px; margin:0 auto; position:relative;}

/*util*/
.top_util {height:42px;}
.util {position:absolute; right:0; top:0px; z-index:9999;}
.util a {font-size:14px; color:#555555; padding:8px 8px 8px 8px; display:inline-block; position:relative; background:url(../img/toputil_line.png) no-repeat right 16px;}
.util a:last-child {background:none;}
.util .cart_count {width:19px; height:19px; display:inline-block; border-radius:100%; background:#fd4776; font-size:10px; color:#fFf; text-align:center; line-height:17px; position:relative; top:-2px;}
.util .top_tel_txt {font-size:15px; font-weight:bold; margin-left:10px;}
.util .top_tel_txt i {color:#a46ff2; font-size:18px;}

@media (max-width:1200px) {
.at-container {padding:0 10px;}
}

@media (max-width:600px) {
.util a {font-size:12px;}
}


 /*header*/
 #header {padding:10px 0 20px 0; position:relative;  z-index:99; z-index:99; }
.top-menu {display:none;}
.top-tel {display:none;}

.top_logo {position:absolute; right:0; top:10px;}
.top_logo_left {position:absolute; left:0; top:10px;}

.top-txt {font-family:"Nanum Myeongjo"; font-size:18px; position:absolute; right:0; top:50px; letter-spacing:-2px;}

.top_bookmark {position:absolute; left:0; top:30px; font-size:16px; color:#333333;}
.top_bookmark i {display:inline-block; width:24px; height:24px; border-radius:100%; text-align:center; line-height:22px; font-size:12px; color:#2c67c7; border:1px solid #2c67c7;}

.top_pc_tel {position:absolute; right:0; top:20px; font-size:18px; color:#333333; font-weight:bold;}
.top_pc_tel i {display:inline-block; width:41px; height:41px; border-radius:100%; text-align:center; line-height:39px; font-size:24px; color:#2c67c7; border:1px solid #d5d5d5; margin-right:5px; position:relative; top:2px;}



#header h1 {float:left; margin-bottom:20px;}

@media (max-width:600px) {
 #header {padding:15px 0; position:relative;}
}

@media (max-width:1000px) {
.top_bookmark {display:none;}
.top_pc_tel {display:none;}
}



/*top menu*/
#navigation {display:none;}
#navi {float:right;  z-index:99;  height:50px; position:relative; padding-right:0px; top:0px;}

.navi_inner {position:relative; padding-right:70px; padding-left:0px; }

.gn {  z-index:99999; display:flex; justify-content:start; } 
.gn:after { content:""; clear:both; }
.gn li { position:relative;  }
.gn li .btn_area { display:inline-block; height:49px; overflow:hidden; }
.gn li a { display:block; padding:0px 0px 0px 0px; text-align:center; }
.gn li a.first {color:#333333; font-size:20px;  padding:20px 40px 20px 40px; font-weight:bold; font-family: 'Noto Sans KR'; }
.gn li:first-child a.first  {padding-left:0; }
.gn li:last-child {background:none;}
.gn li a.first span {padding-bottom:12px;}
.gn li:hover a.first {color:#673ca4;}

.gn li:hover ul.lnb_sub_wrap {display:inline-block; } 
.gn li ul.lnb_sub_wrap { position:absolute;   top:69px;	padding:0px 0; z-index:9999; display:none; background:#fff; z-index:9999;  min-width:180px;  left:0px; border:1px solid #dcdcdc;}
.gn li ul.lnb_sub_wrap li { display:block;  width:100%;  float:none; border-top:none; padding:0 0px; background:none; border-bottom:1px solid #dcdcdc;}
.gn li ul.lnb_sub_wrap li a {color:#333333; font-size:16px;   letter-spacing:-1px;  padding:8px 10px;  text-align:left;  display:block; font-weight:normal; background:none;  }
.gn li ul.lnb_sub_wrap li:hover a {color:#fff; background:#673ca4;}
.gn li ul.lnb_sub_wrap li a span {}
.gn li ul.lnb_sub_wrap li:last-child {border-bottom:none;}

.mobile_top_menu {cursor:pointer;}
.mobile_top_menu a {z-index:999;  position:absolute; right:0; top:0px;  height:69px; background:#fff; width:70px; line-height:67px; color:#000; font-size:24px; text-align:center; display:inline-block;}
.mobile_top_menu:hover a{color:#673ca4 !important;}
.mobile_top_menu p {position:absolute; top:11px; left:68px; font-weight:bold;}
.mobile_top_menu a span {font-size:20px; color:#000000; font-weight:bold; padding-left:15px;}
 

@media (max-width:1400px) {

.gn li a.first {font-size:18px; padding:20px 30px;}

}

@media (max-width:1100px) {

.gn li a.first {font-size:18px; padding:20px 20px;}

}


#all_menu_box {position:absolute;  z-index:999; background:none; width:100%; top:125px; padding:0 0px; box-sizing:border-box;   display:none;}
#all_menu {border:1px solid #d6d6d6; display:flex; width:100%; border-radius:10px; background:#ffffff; overflow:hidden;}
#all_menu li { width:25%; border-left:1px solid #eeeeee; box-sizing:border-box; padding:20px 20px; }
#all_menu li:hover {background:#f5effd;}
#all_menu li:first-child {border-left:none;}
#all_menu li a.first {color:#393939; font-size:18px; font-weight:bold;}
#all_menu .lnb_sub_wrap {margin-top:10px;}
#all_menu .lnb_sub_wrap li {display:block; float:none; width:100%; padding:3px 0px;  min-height:15px; border:none; background:none;}
#all_menu .lnb_sub_wrap a {color:#393939; font-size:16px; padding:3px 0;}
#all_menu .lnb_sub_wrap a:hover {border-bottom:1px solid #000;}


/* ÇÏ´Ü ·¹À̾ƿô */

.footermenu { padding:20px 0 0px 0;margin:0 0 0px;  padding-bottom:5px; background:#4f5356; }
.footermenu li {display:inline-block; margin:0  0px; }
.footermenu li a {color:#ffffff; font-size:14px; position:relative; padding:10px 15px; display:block; font-weight:normal;}
.footermenu li a:after {position:absolute; content:""; width:1px; height:10px; background:#fff; right:0; top:20px;}
.footermenu li:first-child a {background:none; padding-left:0;}
.footermenu li a.point {color:#ffff00; font-weight:bold;}

#footer {clear:both;padding:0px 0 50px; width:100%; background:#4f5356; }
#footer .footer_inner {position:relative; padding-left:0px;}
#footer h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff} 
#footer .at-container:after {display:block;visibility:hidden;clear:both;content:""}
#ft_logo {position:absolute; left:0; top:10px;}
#ft_logo2 {position:absolute; right:0; top:10px;}
#footer .ft_info{width:100%;line-height:180%; padding-top:10px; color:#fff; font-size:14px; box-sizing:border-box; letter-spacing:-0.5px; font-weight:normal;}
#footer .ft_info span {margin-right:10px;}
#footer .ft_info p {color:#fff;}



@media (max-width:1000px) {


/*util*/
.util {position:relative; border-bottom:1px solid #ddd; width:100%;}
.util_box_right {position:relative; right:0; top:0px; z-index:9999;}
.util_box_right a {font-size:12px; color:#555555; padding:5px 10px 5px 10px; display:inline-block; position:relative; background:url(../img/toputil_line.png) no-repeat right 16px;}
.util_box_right a:last-child {background:none;}

.util_box_right a.mobile_not {display:none;}

a.topmenu_close {position:absolute; top:10px; right:10px;}
a.topmenu_close i { color:#000;}

#navigation {position:fixed; display:block; width:300px; background:#fff; z-index:9999; border:1px solid #1a1a1a; left:-100%; height:100%;}
#navigation ul.topmenu { width:100%;}
#navigation ul.topmenu li.category {padding:10px;  color:#000; font-size:26px; border-bottom:2px solid #673ca4; background:#fff; position:relative; text-align:center;}
#navigation ul.topmenu li.first { border-bottom:1px solid #e5e5e5; }
#navigation ul.topmenu li.first a {font-size:18px; padding:17px 0; color:#373737; text-indent:20px; display:block; text-decoration:none;  font-weight:normal; position:relative;}
#navigation ul.topmenu li.first a::after {content: "\f078"; font-family: 'FontAwesome'; color:#ccc; right:10px; position:absolute; top:15px; font-weight:normal; font-size:12px;}

#navigation ul.topmenu li.hover {}
#navigation ul.topmenu li.hover a::after {content: "\f077"; font-family: 'FontAwesome'; color:#808080; right:10px; position:absolute; top:15px; font-weight:normal; font-size:12px;}

#navigation ul.topmenu li.first ul.sec {position: absolute;    left: -9999px;}
#navigation ul.topmenu li.first ul.sec li {background:#f9f9f9; border-bottom:1px solid #e5e5e5;  }
#navigation ul.topmenu li.first ul.sec li:last-child {border-bottom:none;  }
#navigation ul.topmenu li.first ul.sec li a {display:block; padding:10px 0; color:#808080; font-size:14px; background:#f9f9f9;  text-indent:20px; font-weight:normal;}
#navigation ul.topmenu li.first ul.sec li a::after {display:none;}
#navigation ul.topmenu li.hover ul.sec { left: 0px; width:100%;   top: 0px; position:relative;}
#navigation ul.topmenu li.first ul.sec li.depth3 a {text-indent:55px; font-size:14px;}

#navigation .bottom_info {  letter-spacing:-1px;  padding-left:0px; font-size:15px; padding-top:10px; padding-bottom:10px; background: #f2f2f2; text-align:center;}
#navigation .bottom_info span {color:#f15b42;}
#navigation .bottom_info a {background:url(../img/bottom_info_Bg2.png) no-repeat 0px center; display:inline-block; text-decoration:none; color:#5c5c5c; font-family:NanumGothic; font-weight:600; padding:12px 0px 12px 45px;}



#navi {display:none;}
#header h1 {float:none; text-align:center;}
#header h1 img {width:190px;}
.top-menu {display:block; position:absolute; left:0px; top:10px; font-size:24px; width:40px; height:40px; text-align:center; line-height:35px; }
.top-menu a {color:#673ca4;}
.top-tel {display:block; position:absolute; right:0px; top:10px; font-size:24px; width:40px; height:40px; text-align:center; line-height:35px;}
.top-tel a {color:#673ca4;}
.top-txt {display:none;}
.top_logo {display:none;}
.top_logo_left {display:none;}

/* ÇÏ´Ü ·¹À̾ƿô */


.footermenu { padding:0 10px;margin:0 0 0px;  padding-bottom:5px; padding-top:20px;}

.footermenu li a {font-size:12px; padding:0px 15px; display:block;}
.footermenu li a:after { top:10px;}

#footer {clear:both;padding:10px 0 80px; width:100%;}
#footer .footer_inner {position:relative; padding:10px 10px 70px 10px;}
#footer h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff} 
#footer .at-container:after {display:block;visibility:hidden;clear:both;content:""}
#footer .ft_ul{ padding:10px 0 0px 0;margin:0 0 0px; border-bottom:1px solid #c2c2c2; display:block; padding-bottom:5px;}
#footer .ft_ul li {display:inline-block; margin:0  0px; }
#footer .ft_ul li a {font-size:12px; background:url(../img/footermenu_line.png) no-repeat 0 8px; padding:0 15px;}
#footer .ft_ul li:first-child a {background:none; padding-left:0;}
#footer .ft_ul li a.point {font-weight:bold;}
#ft_logo {position:absolute; left:0; top:0px; width:100%; text-align:center;}
#footer .ft_info{width:100%;line-height:180%; padding-top:15px; font-size:12px; box-sizing:border-box;}
#footer .ft_info span {margin-right:10px;}
#footer .ft_info p { font-weight:bold;}

#ft_logo2 {position:absolute; right:0; top:auto; bottom:0; width:100%; text-align:center;}

}