@charset "utf-8";
@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css");
body, input, textarea, select, button, td, table{font-family: 'Nanum Gothic',sans-serif;font-size: 13px;color: #222}
body, div, ul, li, dl, dd, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form, figure, figcaption {margin:0; padding:0;}
*{-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box}
img {border:none;vertical-align:middle;max-width:100%;height:auto}
div, ul, li {margin:0; padding:0;list-style:none}
a:link, a:hover, a:visited, a:active {text-decoration:none;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
:link, :hover, :visited, :active {text-decoration:none;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}


/* navigation 배경 */
.fixed-default {position:fixed; background: rgba(0, 0, 0, 0) !important; transition:all 0.5s}
.fixed-on {position:fixed; background: rgba(255, 255, 255, 1) !important; transition:all 0.5s}

/* navigation 메뉴*/
.fixed-default .main_menunew li .main_menunew_title a {color:#000;transition: 0.5s; opacity:1}
.fixed-on .main_menunew li .main_menunew_title a {color:#333;transition: 0.5s; opacity:1}

/* navigation 로고1 */
.log img:nth-child(1) {opacity:1; position:absolute;}
.log img:nth-child(2) {opacity:0}

.fixed-default .log img:nth-child(1) { transition: 0.5s; opacity:1) }
.fixed-on .log img:nth-child(1) { padding-left:20px;transition: 0.5s; opacity:0 }

.fixed-default .log img:nth-child(2) { transition: 0.5s; opacity:0) }
.fixed-on .log img:nth-child(2) {padding-left:20px;transition: 0.5s; opacity:1 }

/* navigation 로고2 */
.pc-log img:nth-child(1) {opacity:1; position:absolute;}
.pc-log img:nth-child(2) {opacity:0}

.fixed-default .pc-log img:nth-child(1) {transition: 0.5s; opacity:1) }
.fixed-on .pc-log img:nth-child(1) {padding-left:20px;transition: 0.5s; opacity:0 }

.fixed-default .pc-log img:nth-child(2) {transition: 0.5s; opacity:0) }
.fixed-on .pc-log img:nth-child(2) {padding-left:20px;transition: 0.5s; opacity:1 }

/* navigation 바 */
.fixed-default .header_topbar{ transition: 0.5s; background: rgba(196, 19, 35, 1);}
.fixed-on .header_topbar{ transition: 0.5s; background: rgba(40, 40, 162, 1);}

.fixed-default .header_line1{ transition: 0.5s; background: rgba(228, 228, 228, 1);}
.fixed-on .header_line1{ transition: 0.5s; background: rgba(255, 255, 255, 0.4);}

.fixed-default .main_menunew_bar{ transition: 0.5s; background: rgba(196, 19, 35, 0);}
.fixed-on .main_menunew_bar{ transition: 0.5s; background: rgba(230, 0, 21, 1);}





@media(max-width: 480px) {
.header_topbar, .sns, .tel, .main_menunew, .pc-log-box, .main_pc_pic, #main_top_simple_application_layer, #sms, #goTopBtn, .top-explanation-br, .m_submenu_back, #sms-time-layer, .sub-box1, .banner_4_text, .footer_box1, .downward_movement_wrap, #footer_wrap{display:none}

/* navigation */
.fixed-default {background: rgba(255, 255, 255, 1) !important}
.fixed-on {background: rgba(0, 0, 0, 0)}
.fixed-on .log img:nth-child(1) {padding-left:0px}
.fixed-on .log img:nth-child(2) {padding-left:0px}

}


@media (min-width: 481px) and (max-width: 767px) {
.header_topbar, .m_tel, .sns, .tel, .main_menunew, .pc-log-box, .main_pc_pic, #main_top_simple_application_layer, #goTopBtn, .top-explanation-br, .m_submenu_back, #sms-time-layer, .sub-box1, .downward_movement_wrap, #footer_wrap {display:none}

/* navigation */
.fixed-default {background: rgba(255, 255, 255, 1) !important}
.fixed-on {background: rgba(0, 0, 0, 0.7)}
.fixed-on .log img:nth-child(1) {padding-left:0px}
.fixed-on .log img:nth-child(2) {padding-left:0px}
}

@media (min-width: 768px) and (max-width: 1280px){
.header_topbar, .m_tel, .sns, .tel, .main_menunew, .pc-log-box, .main_mobile_pic, #main_top_simple_application_layer, #goTopBtn, .top-explanation-br, .m_submenu_back, .sub-box1, .downward_movement_wrap, #footer_wrap{display:none}

/* navigation */
.fixed-default {background: rgba(255, 255, 255, 1) !important}
.fixed-on {background: rgba(0, 0, 0, 0.7)}
.fixed-on .log img:nth-child(1) {padding-left:0px}
.fixed-on .log img:nth-child(2) {padding-left:0px}

}


@media (min-width: 1281px) {
.log, .m_tel, .m_sitemap, .main_mobile_pic, .top-explanation-bu, .sub-box1, #mobile-position, .log-down-mobile, #down_quick_wrap, .downward_movement_wrap_480, #M-footer_wrap, .M-footer_copyright{display:none}


.main_menunew_wrap{padding-left:20%;padding-top:15px;width:100%;text-align:center;line-height:50px;z-index:10000}
#main_menunew_title a:hover{color:#FF5700;background:rgba(0, 0, 0, 0.0)}
.main_menunew ul ul{position:absolute;padding-top:23px;display:visible;text-align:center;z-index:11999}
.main_menunew ul ul li{display:block;border-bottom:0px solid #595858;background:rgba(0, 0, 0, 0.0)}
.main_menunew ul li{display:inline-block}
.main_menunew ul li a:hover{color:#E67825;background:rgba(45, 45, 45, 1)}
.main_menunew li a{display:block;width:120px;font-size:18px;color:#000;font-weight:600;line-height:37px}
.main_menunew_height{margin-top:30px}
.main_menunew_sub li a{font-size:14px;color:#D4D3D3;font-weight:400}
.main_menunew .main_menunew_back_wrap {position:relative; overflow:hidden; z-index:1; transition:all 0.25s ease; height:73px; border-bottom:0px;background:rgba(0, 0, 0, 0.0)}
.main_menunew .main_menunew_over_back{position:absolute;width:100%;height:280px;top:87px;left: 0;background:rgba(66, 66, 66, 1)}
.main_menunew_bar{position:absolute;width:100%;height:3px;top:114px;z-index:5;background:rgba(196, 19, 35, 0)/*;box-shadow: 0px 0px 15px 0px #808080;-webkit-box-shadow:0px 0px 10px 0px #808080;-moz-box-shadow: 0px 0px 10px 0px #808080*/}

}