/* Gnb */
#gnb{position:absolute;top:32px;right:0;width:100%;}

#gnb .gnb{width:100%;text-align:right;}
#gnb .gnb li{position: relative;display: inline-block;width:11.5%;height:91px;font-size: 1.27em; color: #000;font-weight:500; cursor: pointer; line-height: 100%; text-align: center;padding-top:35px;}
#gnb .gnb li a{display:block;width:100%;height:100%;font-size:inherit; color: #000;font-weight:500;}
#gnb .gnb li:hover, #gnb .gnb li.active{color: #e0002a;border-bottom: 3px solid #e0002a;}
#gnb .gnb li:hover a, #gnb .gnb li.active a{color: #e0002a;}

#gnb .sub_menu_wrap{position:absolute;top:91px;left:0;width:100%;background-color:#fff;z-index:50;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
#gnb .sub_menu .in_wrap{padding:30px 0 35px;}
#gnb #sub_menu1 .in_wrap{padding-left:260px;}
#gnb #sub_menu2 .in_wrap{padding-right:20px;}
#gnb #sub_menu3 .in_wrap{padding-left:20px;}
#gnb #sub_menu4 .in_wrap{padding-left:250px;}
#gnb #sub_menu5 .in_wrap{padding-left:580px;}
#gnb #sub_menu6 .in_wrap {padding-left: 680px;}
#gnb .sub_menu .depth_2{display:flex;flex-wrap:wrap;justify-content:center;}
#gnb #sub_menu1 .depth_2{justify-content:flex-start;}
/*#gnb #sub_menu5 .depth_2, #gnb #sub_menu6 .depth_2, #gnb #sub_menu7 .depth_2{justify-content:flex-end;}*/

#gnb .sub_menu .depth_2 > li{display:inline-block;margin-right:30px;}
#gnb .sub_menu .depth_2 > li > a{display:block;font-size:1.03em;font-weight:600;transition: all 0.2s ease-in-out;}
#gnb .sub_menu .depth_2 > li > a:hover{color: #e0002a;}
#gnb .sub_menu .depth_3{margin-top:10px;}
#gnb .sub_menu .depth_3 > li{display:block;}
#gnb .sub_menu .depth_3 > li > a{display: inline-block; padding:3px 0;color: #666; font-size: 0.93em; line-height: 100%; margin-bottom: 5px; position: relative;}
#gnb .sub_menu .depth_3 > li > a:hover {color: #e0002a;}
#gnb .sub_menu .depth_3 > li > a:before {content: " "; display: inline-block; position: absolute; top: 16px; left: 50%; width: 0; height: 1px; background: #e0002a; -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); transition: .3s ease-in-out;}
#gnb .sub_menu .depth_3 > li > a:hover:before {width: 100%; text-align: center;}

/* lnb */
#lnb{float:left;width:210px;padding-top:30px;margin-right:50px;}
#lnb h2{margin-bottom:35px;}
#lnb ~ #content{float:left;width:calc(100% - 260px);}
#lnb .depth_2{border-top:1px solid #666;}
#lnb > ul > li{border-bottom:1px solid #ddd;}
#lnb > ul > li.active{border-color:#e0002a;}
#lnb > ul > li > a{display:block;padding:12px 3px;font-size:1.07em;color:#666;font-weight:700;}
#lnb > ul > li:hover > a, #lnb > ul > li.active > a{color:#e0002a;}
#lnb .depth_3{display:none;margin-bottom:10px;}
#lnb .active .depth_3{display:block;}
#lnb > ul > li > ul > li > a{position:relative;display:block;padding:5px 10px 5px 20px;transition:unset;}
#lnb > ul > li > ul > li > a:before{display:block;content:'';position:absolute;top:14px;left:10px;width:5px;height:2px;background-color:#999;}
#lnb > ul > li > ul > li > a:hover{color:#e0002a;}
#lnb > ul > li > ul > li > a:hover:before{background-color:#e0002a;}
#lnb > ul > li > ul > li.active > a{background-color:#e0002a;color:#fff;}
#lnb > ul > li > ul > li.active > a:before{background-color:#fff;}