.lnb2ul { display:none; } #gnb #btn-mobile-menu {display: block; background-color: #e4322c; text-align: center; height: 45px; line-height: 45px; color: #fff; font-size: 15px; font-family: 'Montserrat', sans-serif;} #gnb #btn-mobile-menu i.ico {display: inline-block;width: 15px;height: 12px;} #gnb #btn-mobile-menu i.ico.up {background: url('./img/ico-up.png') no-repeat;} #gnb #btn-mobile-menu i.ico.down {background: url('./img/ico-down.png') no-repeat;} #gnb ul#gnb_1dul {display: none; } #gnb ul#gnb_1dul a {display: block;padding-left: 25px;border-bottom: 1px solid #dedede;height: 40px;line-height: 40px;overflow: hidden; white-space: nowrap; text-decoration: none;} #gnb ul#gnb_1dul li.gnb_1dli {} #gnb ul#gnb_1dul li.gnb_1dli.active {} #gnb ul#gnb_1dul li.gnb_1dli a.gnb_1da {color: #505050; font-size:14px; font-weight:600;} #gnb ul#gnb_1dul li.gnb_1dli.active a.gnb_1da {color: #e4322c;} #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul {background-color: #fafafa;display: none;} #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli {color: #5d5c5c;} #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli.active {color: #000000;} #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli a.gnb_2da {background: url('./img/ico-plus.png') no-repeat 25px center;padding-left: 43px;font-size:14px;} #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli.active a.gnb_2da {color: #d82a34; } #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli a.gnb_2da .lnb_block { display:none; } #header .sns { position:absolute; right:0; top:0; } #header .sns { text-align: right; padding-top: 37px; box-sizing:border-box; } #header .sns a {display:inline-block; color:#fff; width:30px; height:30px; line-height:27px; text-align:center; border-radius:50%;font-size: 0; background:#ff5b5b;margin-left: 10px;} #header .sns a:first-child { margin-left: 0; } #header .sns a i {font-size:16px;line-height:30px;} /* #header .sns .facebook {background:#3d5b9c;} #header .sns .linkedin {background:#0073b1;} #header .sns .google {background:#dd5044;} #header .sns .youtube {background:#fe3334;} */ #header .head > .container { position:relative; box-sizing:border-box; } #header #search_box { } #header #search_box .container { } #header #search_box form { position:absolute; z-index:-1; text-align: center; width:100%; left:0; bottom:100%; background:#fff; border: 1px solid #dadada; box-sizing:border-box; padding: 10px; opacity:0; transition:all 0.5s; } #header #search_box form input[type="text"], #header #search_box form button, #header #search_box form .close { border: 0; height:40px; border-radius:5px; display:inline-block; vertical-align: middle; box-sizing:border-box; } #header #search_box form input[type="text"] { width:calc(100% - 248px); padding-left: 10px; background:#f7f7f7; } #header #search_box form button { width:200px; background:#e4322c; color:#fff; font-weight: 600; } #header #search_box form .close { width:40px; background:#666; color:#fff; opacity:1; line-height: 40px; } #header #search_box .dummy_layer { position:absolute; pd background:rgba(0, 0, 0, 0.7); left:0; top:0; z-index:3; } #header #search_box.active form { bottom:-64px; opacity:1; z-index:4; } .m80 {display:none !important;} /* #subTitle {background:url(../../../img/sub/sub_title_bg.png) center top; position:relative; height:200px; } #subTitle h2 {font-size:40px; color:#c8c7c7; text-shadow:1px 1px 0 rgba(0,0,0,0.4); margin-top:70px; margin-left:5px;} #subTitle .container {position:relative;} */ #subTitle {background:#000; height:200px; } #subTitle .container { height:100%; background:url(../../../img/sub/sub_head-1170.png) left center; } #subTitle .inner { display:table; height:100%; width:100%; } #subTitle .txt-box { display:table-cell; vertical-align: middle; color:#fff; text-align: right; padding-right: 20px; box-sizing:border-box; } #subTitle .txt-box .tit { font-size:32px; font-weight: 700; opacity:0.6; } #subTitle .txt-box .txt { font-size:15px; font-weight: 600; margin-top: 5px; letter-spacing: -0.015em; opacity:0.6; } #subTitle .txt-box .txt02 { opacity:0.38; } #content { margin-top: 50px; } #lnb {} #lnb h2 {font-size:40px; color:#000; font-weight: 700;} #lnb h2 .search_go { font-size: } #lnb #lnb-nav {} #lnb ul.lnb1ul { margin-top: 20px; } #lnb ul.lnb1ul li.lnb1li {display: inline-block; background:url(../../../img/sub/line.png) left center no-repeat;} #lnb ul.lnb1ul li.lnb1li:first-child { background:transparent; } #lnb ul.lnb1ul li.lnb1li a.lnb1a {display: block; color:#575757;padding: 0 20px; font-size:16px; } #lnb ul.lnb1ul li.lnb1li:first-child a.lnb1a { padding-left: 0; } #lnb ul.lnb1ul li.lnb1li.active a.lnb1a {color: #e4322c;font-weight: 700;} #container_title {font-size: 35px; color: #000000;margin-top: 30px; display:none;} #content-navigation { margin-bottom: 30px; } #content-navigation ul {} #content-navigation ul li {float: left; background:url(../../../img/sub/bullet.png) left center no-repeat; padding:0 10px;} #content-navigation ul li:first-child {padding-left: 0;background: none;} #content-navigation ul li a {font-size:12px; color: #575757;} #content-navigation ul li a.home {font-size: 0;} #content-navigation ul li a i {font-size:16px; color:#da2c35;} #content-navigation ul li.last a {text-decoration:underline;} /* Media Query */ @media (min-width: 768px) { #header .head > .container { padding-bottom: 0; } #lnb .container-fluid {padding-left: 15px;padding-right: 15px;} } @media (min-width: 992px) { #gnb ul#gnb_1dul {display: block; text-align:right; margin-top:25px; height:60px;} #gnb ul#gnb_1dul a {display: block;padding-left: 0;border-bottom: none;height: auto;line-height: normal;overflow: hidden; white-space: nowrap; text-decoration: none;} #gnb ul#gnb_1dul li.gnb_1dli {position: relative; display:inline-block; text-align: center; /* background:url(../../../img/header/dot.png) no-repeat right center; */ padding:0 20px; height:67px;} #gnb ul#gnb_1dul li.gnb_1dli.active {} #gnb ul#gnb_1dul li.gnb_1dli.m50 { margin-right: 8px; } #gnb ul#gnb_1dul li.gnb_1dli a.gnb_1da {display: inline-block; color: #3a3a3a; font-weight: 600; height:60px;line-height:60px; font-size:16px; text-transform: uppercase; } #gnb ul#gnb_1dul li.gnb_1dli.active a.gnb_1da, #gnb ul#gnb_1dul li.gnb_1dli:hover a.gnb_1da {color:#e4322c; } #gnb ul#gnb_1dul li.gnb_1dli:hover ul.gnb_2dul {display: block;} #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul {position: absolute; left: 0; top:60px; background-color: #fff;display: block; width:auto; min-width:180px; z-index: 99; /* border-top:2px solid #d82a34; border-left: 1px solid #dedede; border-right: 1px solid #dedede; */ display: none; box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.3); padding: 8px; } #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli { border-top: 1px solid #c4c4c4; } #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli:first-child { border-top: 0; } #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli.active { } #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli a.gnb_2da {display: block;background: none;text-align: left; padding: 10px 15px;font-size:14px; font-weight: 600; } #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli a.gnb_2da:hover {color:#d82a34;} #gnb ul#gnb_1dul li.gnb_1dli ul.gnb_2dul li.gnb_2dli.active a.gnb_2da {} } @media (min-width: 1200px) { #header .head > .container { padding-bottom: 7px; } #gnb ul#gnb_1dul.container-fluid {padding-left: 0;padding-right: 0;text-align: center;} #lnb .container-fluid {padding-left: 0;padding-right: 0;} /* #subTitle .container { } */ #subTitle .txt-box { padding-right: 100px; } } @media (max-width: 1200px) { #gnb ul#gnb_1dul li.gnb_1dli {padding:0 15px;} #gnb ul#gnb_1dul li.gnb_1dli a.gnb_1da {font-size:13px; } #header .sns a { margin-left: 0; } #subTitle .txt-box { color:#fff; } }