.logbg { background-color:#262626; }
.logbg .gnb_log { width: 1170px; height: 50px; margin:0 auto !important; }
.logbg .gnb_log .login { text-align: right; }
#M_member_loginmenu { display: flex; justify-content: flex-end; }
#M_member_loginmenu li::after { content: "|"; color: #bbb; }
#M_member_loginmenu li:last-child::after { content: none; }
#M_member_loginmenu li a { display: inline-block; width: 80px; height: 40px; line-height: 40px; font-family: var(--basefont); font-weight: 600; font-size: 14px; color: #aaa; text-align: center; }
#M_member_loginmenu li a:hover { color: #fff; }


.plusMenu { background-color:#262626; }
.plusMenu .nav { width: 1170px; margin:0 auto !important; display: flex; justify-content:space-between; }
.plusMenu .nav::before { content: none; }
.plusMenu .nav .logoArea { display: block; width: 50%; }
.plusMenu .nav .logoArea a { position: relative; }
.plusMenu .nav .logoArea img { position: absolute; display: block; top: -8px; }

.plusMenu .nav .menuArea { width: 80%; }
.plusMenu .nav .menuArea .mainmenu { text-align: center; padding-top: 30px; }
.plusMenu .nav .menuArea .mainmenu ul { display: flex; justify-content: flex-end; width: 100%; gap: 20px; }

.plusMenu .nav .menuArea .mainmenu ul li { position: relative; }
.plusMenu .nav .menuArea .mainmenu ul li > a { display: block; padding-right:10px; width: 130px; height: 40px; line-height: 40px; font-family: var(--basefont); font-size: 16px; font-weight: 600; color: #ccc; }
.plusMenu .nav .menuArea .mainmenu ul li > a:hover { color: #fff; }
.plusMenu .nav .menuArea .mainmenu ul li .submenu { position: absolute; display: none; padding: 8px 0; background-color:#fff; z-index: 100; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); }
.plusMenu .nav .menuArea .mainmenu ul li .submenu a { display: block; text-align: left; padding: 4px 16px; width: 130px; font-family: var(--basefont); font-size: 15px; font-weight: 500; color: #555; }
.plusMenu .nav .menuArea .mainmenu ul li .submenu a:hover { color: red; }


#footer { margin-top: 0; padding-top: 20px; height: 210px; background-color:#262626; }
#footer .n_contents .container .row .col-md-9 .con1 h2 { display: none; }
#footer .n_contents .container .row .col-md-9 .con1 a img { max-height: 46px; }
#footer .n_contents .container .row .col-md-9 .con1 ul { margin-top: 15px; }
#footer .n_contents .container .row .col-md-9 .con1 ul li { font-weight: 400; font-size: 13px; color: #ccc; letter-spacing: .5px; line-height: 2; }
#footer .n_contents .container .row .quick { position: fixed; bottom: 220px; right: 20px; }
#footer .n_contents .container .row .quick .con3 ul li { width: 38px; overflow: hidden; }
#footer .n_contents .container .row .quick .con3 ul li .mo_view a img { margin-left: -28px; }


.container { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; }
.container::before { content: none; }

#wrap .row { margin-left: 0; margin-right: 0; }
#footer .row { display: flex; justify-content: flex-start; margin-left: 0; margin-right: 0; }


.col-md-5 { width: 100%; float: none;  padding-left: 0; padding-right: 0; }
.col-md-5 a { display: block; }
.col-md-7 { width: 100%; padding-left: 0; padding-right: 0; }
.col-md-9 { width: 79%; padding-left: 0; padding-right: 0; }
.col-md-9 .row.box { gap 20px; }


.col-md-push-3 { left: 0; }
.col-md-pull-9 { left: 0; }


.contenstArea p iframe { width: 100%; height: 200px; }





