File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {overflow-y:scroll;}
body {position:relative; margin:0; padding:0; font-size:15px;}
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select {
margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;}
p {margin:0;}
ol, ul, li, dd {margin:0;padding:0;list-style:none;}
a:link, a:visited, a:hover, a:focus, a:active {color:#000; text-decoration:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
label {font-size:0}
caption {font-size:0}
table {border-spacing:0; border-collapse:collapse}
button {cursor:pointer}
/* right SNS */
.right_btn {position:fixed; top:23%; right:0; z-index:99}
.right_btn li {width:50px; height:50px}
.right_btn li img {width:100%;}
@media (max-width: 900px){
.right_btn {display:none}
}
header {position:relative; top:0; width:100%; height:80px;z-index:100;}
.hd_top {position:relative;width:100%;height:80px;margin:0 auto;}
.hd_top h1 {position:absolute; left:20px; top:17px; width:317px; height:39px; z-index:99999;}
@media screen and (max-width: 1300px) {
.hd_top {width:100%;}
}
@media screen and (max-width: 770px) {
.hd_top {height:80px;}
}
@media screen and (max-width: 480px) {
header {position:relative; top:0; width:100%; height:60px;z-index:100;}
.hd_top {height:60px;}
.hd_top h1 {position:absolute; left:10px; top:10px; width:75%; height:39px; z-index:99999;}
.hd_top h1 img {width:100%;}
}
#skip_to_container a {
z-index:100000;
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
font-size:0;
line-height:0;
overflow:hidden;
}
#skip_to_container a:focus, #skip_to_container a:active {
width:100%;
height:75px;
background:#21272e;
color:#fff;
font-size:2em;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:3.3em;
}
.utill {float:right; position:relative; width:100px; height:80px;z-index:999999999;}
.utill ul {display:block;}
.utill li {float:left;width:80px;text-align:center;}
.utill li#utill_ct {width:80px; padding-top:25px; background:none;}
.utill li a {display:block;width:100%;height:100%;}
.utill li.utill_search {float:left; width:170px; padding:20px 5px 10px; border-bottom:2px solid #1a1b1d; }
.utill li.utill_search input {float:left; width:140px; font-size:13px; color:#8c8c8c; border:0; }
.utill li.utill_search button {float:left; width:20px; border:0; background:none;cursor:pointer}
.utill li.utill_search button i {color:#000; font-size:18px; }
@media screen and (max-width: 770px) {
.utill {display:none;}
}
/* 사이트맵 카테고리 */
#utill_sitemap{
display:none;
position:fixed;
top:0px;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0,0.8);
z-index:99999;
-moz-box-sizing:border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
}
@media (max-width:960px) {
#utill_sitemap{
top:80px;
}
}
@media (max-width:480px) {
#utill_sitemap{
display:none;
}
}
#utill_sitemap .us_wr{
width:100%;
height:730px;
overflow-y:auto;
background:#fff;
z-index:99999;
}
#utill_sitemap .us_tbx {
position:relative;
width:1300px;
height:730px;
margin:0 auto;
padding-top:50px;
padding-left:100px;
}
@media (max-width:1300px) {
#utill_sitemap .us_tbx {
width:100%;
height:800px;
padding-left:20px;
}
}
.us_tbx_ul01 {
display:block;
width:100%;
height:100%;
}
.us_tbx_ul01 li {
float:left;
width:18%;
padding-right:0;
color:#000;
text-align:left;
background:none;
word-break:keep-all;
}
@media (max-width:960px) {
.us_tbx_ul01 li {
width:16%;
margin-right:2%;
font-size:13px;
}
}
.us_tbx_ul01 > li:nth-child(4) {
width:20%;
background:none;
}
@media (max-width:960px) {
.us_tbx_ul01 > li:nth-child(4) {
}
}
.us_tbx_ul01 li p {
display:inline-block;
width:150px;
font-size:24px;
padding-bottom:20px;
border-bottom:1px solid #dedede;
color:#9aa60f;
}
@media (max-width:960px) {
.us_tbx_ul01 li p {
display:block;
width:100%;
padding-bottom:8px;
font-size:17px;
font-weight:bold;
}
}
.us_tbx_ul02 {
margin-top:10px;
}
.us_tbx_ul02, .us_tbx_ul02 li {
display:block;
width:100%;
margin-bottom:10px;
}
.us_tbx_ul02 li {
font-size:16px;
color:#000;
text-transform:uppercase;
}
.us_tbx_ul02 li ul {margin:5px 0 5px 0px;}
.us_tbx_ul02 li ul li{margin:0px 0 2px 10px;}
.us_tbx_ul02 li ul li:before {position:absolute; margin:7px 0 0 -8px; width: 4px; height: 4px; background: #aaa; content: ''; border-radius: 50%;}
.us_tbx_ul02 li ul li a{font-size:13px; color:#666;}
.us_tbx_ul02 li ul li ul {margin:0px 0 10px 0px !important;}
.us_tbx_ul02 li ul li ul li {font-size:12px !important; margin:0px 0 0px 5px; color:#666}
.us_tbx_ul02 li ul li ul li:before {position:absolute; margin:9px 0 0 -8px; width:2px; height:2px; background: #aaa; content: ''; border-radius: 50%;}
@media (max-width:960px) {
.us_tbx_ul02 li {
font-size:13px;
}
}
.us_tbx_ul02 li a {
color:#000;
}
.us_tbx_ul02 li a:hover {
text-decoration:underline !important;
}
.us_tbx_ul03 {
margin:10px 0;
}
.us_tbx_ul03 li {
font-size:13px;
text-indent:-0.1em;
}
#utill_sitemap .pop_close {
position:absolute;
top:30px;
right:30px;
width:33px;
height:31px;
font-size:0;
text-indent:-9999px;
background:url(../img/us_close.png) no-repeat center;
border:0;
cursor:pointer;
}
#hd_ct {display:none;}
@media screen and (max-width: 770px) {
#hd_ct {
display:block;
float:right;
width:90px;
height:80px;
text-indent:-9999px;
background:url(../img/toggle.jpg) no-repeat center;
background-size:cover;
border:0;
cursor:pointer;
z-index:9999999999;
}
}
@media screen and (max-width: 480px) {
#hd_ct {
display:block;
float:right;
width:60px;
height:60px;
text-indent:-9999px;
background:url(../img/toggle.jpg) no-repeat center;
background-size:cover;
border:0;
cursor:pointer;
z-index:9999999999;
}
}
/* 모바일 카테고리 */
#category{
display:none;
position:fixed;
top:0px;
left:0;
width:100%;
height:100%;
background:#fff;
z-index:99999;
-moz-box-sizing:border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
}
@media (max-width:480px) {
body {overflow:hidden;}
#category{
top:0px;
height: calc(100% - 60px);
}
}
#category .ct_wr{
width:100%;
height:100%;
overflow-y:auto;
background:#fff;
border-top:3px solid #99a60e;
z-index:99999;
}
#category ul.cate_tab{
width:100%
}
#category ul.cate_tab:after{
display:block;
visibility:hidden;
clear:both;
content:"";
}
#category ul.cate_tab li{
float:left;
width:50%;
}
#category ul.cate_tab li button{
display:block;
width:100%;
height:60px;
line-height:60px;
color:#a8a8a8;
border-top:2px solid #f6f0e7;
background:#f6f0e7;
border:none;
color:#998972;
}
#category ul.cate_tab li button.ct_tab_sl{
font-weight:bold;
background:#fff;
color:#545454;
border-top:2px solid #be9153;
height:60px;
}
#category ul.cate{
background:#fff;
width:100%;
text-align:left;
text-indent:10px;
}
#category ul.cate > li{
line-height:60px;
border-bottom:1px solid #e9e9e9;
font-size:1.167em;
}
#category ul.cate li{
position:relative;
font-weight:bold;
}
#category ul.cate li a {
display:block;
color:#545454;
padding-right:40px;
font-weight:500;
font-size:18px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#category ul.cate li .ct_op{
display:inline-block;
position:absolute;
top:0;
right:0;
height:60px;
width:40px;
text-indent:-9999px;
background:url(../img/btn_op.png) no-repeat center;
border:none;
}
#category ul.cate li a:hover,#category ul.cate li a:focus{
text-decoration:underline
}
#category ul.cate li .ct_cl{
display:inline-block;
position:absolute;
top:0;
right:0;
height:60px;
width:40px;
text-indent:-999px;
background:url(../img/btn_cl.png) no-repeat center;
}
#category ul.sub_cate{
display:none;
}
#category ul.sub_cate1 li{
text-indent:20px;
background:#eee;
border-top:1px solid #d2d2d2;
font-weight:normal;
}
#category ul.sub_cate1 li a {
height:50px;
line-height:50px;
}
#category .category_logo {position:relative; height:80px; background:#fff;
}
@media (max-width:480px) {
#category .category_logo {position:relative; height:60px; background:#fff;}
}
#category .pop_close{
position:absolute;
top:0px;
right:0;
width:90px;
height:80px;
background:url(../img/toggle_close.jpg) no-repeat center;
border:0;
text-indent:-99999px;
z-index:1000;
cursor:pointer
}
@media (max-width:480px) {
#category .pop_close{
position:absolute;
top:0px;
right:0;
width:60px;
height:60px;
background:url(../img/toggle_close.jpg) no-repeat center;
background-size:cover;
border:0;
text-indent:-99999px;
z-index:1000;
cursor:pointer
}
}
.tab_btn {position:fixed;width:35%;height:100%;box-sizing:border-box;background:#f5f5f5;border-right:1px solid #d9d9d9;}
.tab_btn ul {display:block;width:100%;}
.tab_btn li {width:100%;height:auto;line-height:70px;text-align:center;font-size:18px;color:#666;letter-spacing:-0.1em;border-bottom:1px solid #d9d9d9;}
.tab_btn li a {display:block;width:100%;color:inherit;font-weight:600;background-repeat:no-repeat}
#tabs {content:"";clear:both;display:block;}
#tabs .ui-tabs-anchor {width:100%;height:100%;padding:0;}
#tabs #tabs-1, #tabs #tabs-2, #tabs #tabs-3, #tabs #tabs-4 {width:100%;}
#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited {font-weight:600;background-color:#fff;}
.tab_list {position:relative;margin-left:35%;padding:20px;font-size:13px;color:#606060;box-sizing:border-box;}
.tab_list a {color:#606060;}
.tab_list span {color:#606060;font-size:14px;}
.tab_list li {position:relative;float:left;width:284px;}
.ct_wr_ts {height:20px;font-size:15px; border-bottom:1px solid #000}
.ct_wr_lists {display:block}
.ct_wr_lists li {width:100%; line-height:40px; font-size:15px;color:#000; border-bottom:1px solid #e6e8e8; word-break:keep-all}
.ct_wr_lists li a {font-weight:bold; display:block;width:100%;height:100%;color:inherit;background:url(../img/s_navi_arrow.gif) no-repeat 99% center;}
.ct_wr_lists li a:hover {color:#000;font-weight:bold;}
.ct_wr_lists li ul li { line-height:16px; font-size:14px;color:#5b5b5b; margin: 0 0 5px 10px; border-bottom:0px solid #e6e8e8}
.ct_wr_lists li ul li:last-child { padding-bottom:10px; }
.ct_wr_lists li ul li a { font-weight:500;}
.ct_wr_lists li ul li ul li {line-height:13px; font-size:13px;color:#888; margin: 5px 0 0px 10px; border-bottom:0px solid #e6e8e8}
.ct_wr_lists li ul li ul li:last-child { padding-bottom:5px; }
/* 상단메뉴 s */
#nav {position:absolute; top:0; width:100%; line-height:80px; height:80px; font-size:22px; z-index:500;}
@media (max-width:1100px) {
#nav {display:none}
}
#nav ul.select {display:block; position:relative; width:100%; height:80px; padding-left:2%; text-align:center; white-space:nowrap;}
#nav li {display:inline-block;}
#nav .select a {display:block; height:80px; text-decoration:none; white-space:nowrap; color:#222; box-sizing:border-box;}
#nav .select a b {font-weight:600;}
#nav .select > li:first-child {margin-left:80px;}
#nav .select > li {padding:0 10px; width:200px; font-size:20px; line-height:80px;}/*수정190115*/
#nav .select li:hover a {color:#9aa60f;}
#nav .select li:hover a b {display:block; width:100%;height:100%;cursor:pointer;font-weight:bold;}
@media (max-width: 1300px){
#nav .select > li {padding:0 15px;font-size:18px; /*수정190115*/
transition:font-size 200ms ease-out 0s;
-webkit-transition: font-size 200ms ease-out 0s;
-o-transition: font-size 200ms ease-out 0s;
}
}
@media (max-width: 1050px){
#nav .select > li {padding:0 15px; font-size:16px;} /*수정190115*/
}
#nav .sub {
display:none;
position:absolute;
left:0; top:0px;
width:100%; height:320px;
text-align:center;
background:url('../img/head_bg.jpg') top center no-repeat #fff;
}
#nav .sub_bx {position:relative; width:1300px; height:320px; margin:0 auto; overflow:hidden;}
@media (max-width: 1300px){
#nav .sub_bx {width:100%;}
}
#nav .sub li {background:transparent;}
#nav .select li:hover .sub {
display:block;
position:absolute;
top:80px;
left:0;
width:100%;
height:320px;
line-height:60px;
text-align:left;
box-shadow:0 3px 0px rgba(0,0,0,0.05);
border-top:1px solid #dbdcdc;
border-bottom:1px solid #dbdcdc;
}
#nav .sub_bx .sub_left {position:absolute; left:0; top:0; width:27%; height:320px; padding-top:80px; padding-left:10px;}
#nav .sub_bx .haed_left_icon1 {background:url('../img/haed_left_icon1.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon2 {background:url('../img/haed_left_icon2.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon3 {background:url('../img/haed_left_icon3.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon4 {background:url('../img/haed_left_icon4.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon5 {background:url('../img/haed_left_icon5.png') no-repeat 10px 190px;}
#nav .sub_bx .sub_left .hight_tit {font-size:35px; color:#363636; line-height:1em; font-weight:400;}
#nav .sub_bx .sub_left .hight_tit span {color:#b5b5b5; font-size:14px; font-weight:600; letter-spacing:0px;}
#nav .sub_bx .sub_left .hight_txt {font-size:15px; color:#8b8b8b; line-height:1.4em;}
#nav .sub_bx .sub_right{
position:absolute; right:0; top:0;
width:73%; height:319px;
vertical-align:top;
padding:25px 0 0 3%;
border-bottom:1px solid #dbdcdc;
border-right:1px solid #dbdcdc;
border-left:1px solid #dbdcdc;
background:#fff;
}
#nav .sub_bx .sub_right > ul {overflow:hidden; width:100%; }
#nav .sub_bx .sub_right > ul > li {float:left; width:33%; padding-bottom:30px;}
#nav .sub_bx .sub_right ul li h3 {padding-bottom:10px;}
#nav .sub_bx .sub_right ul li h3 a {font-size:19px !important; font-weight:400 !important;}
#nav .sub_bx .sub_right ul li h3 a:hover {font-weight:500 !important;}
#nav .sub_bx .sub_right > ul > li > ul > li {margin-bottom:5px; background:url('../img/sub/list02.png') no-repeat 0 9px; padding-left:8px}
#nav .sub_bx .sub_right > ul > li > ul > li a {color:#5c5c5c !important;}
#nav .sub_bx .sub_right > ul > li > ul > li a:hover {color:#9aa60f !important;}
#nav .sub_bx .sub_right > ul > li > ul > li > ul {margin:5px 0 10px 5px;}
#nav .sub_bx .sub_right > ul > li > ul > li > ul > li {}
#nav .sub_bx .sub_right > ul > li > ul > li > ul > li a {font-size:14px !important; color:#a2a2a2 !important;}
#nav .sub_bx .sub_right > ul > li > ul > li > ul > li a:hover {color:#5c5c5c !important;}
#nav .select li:hover .sub li {display:block;line-height:1em;}
#nav .select li:hover .sub li a {
display:block;
margin:0;
color:#000;
font-size:16px;
white-space:nowrap;
border:0;
padding:0;
height:auto;
}
#nav .select li:hover .sub li a:hover {font-weight:500; color:#9aa60f}
/* 상단메뉴 e */
/* 내용 PC */
#wrapper {position:relative; margin:20px auto; width:1300px; height:auto; word-break:keep-all; overflow:hidden}
#left_menu {float:left; width:240px;}
#left_menu .lmenu_tt {width:100%; height:0; padding-bottom:50%; background:url(../img/lmenu_tt_bg.jpg) no-repeat center; }
#left_menu .lmenu_tt h2 {padding-top:17%; text-align:center; color:#fff; font-size:23px; font-weight:500;}
#container {float:right; width:1014px;
}
#container h3 {margin-top:30px; font-weight:400; font-size:28px; color:#303030;
transition:font-size 450ms ease-out 0s;
-webkit-transition: font-size 450ms ease-out 0s;
-o-transition: font-size 450ms ease-out 0s;
}
#container h3 span {padding-bottom:10px; border-bottom:4px solid #ececec; }
#container .con_page {margin-top:40px; margin-bottom:10px; width:100%; min-height:500px;}
@media screen and (max-width: 1320px) {
#wrapper {width:100%; padding:0 10px; overflow:hidden}
#left_menu {float:left; width:17%;}
#container {float:right; width:80%;}
}
@media screen and (max-width: 1000px) {
#left_menu {display:none}
#container {float:none; width:100%;}
}
@media screen and (max-width: 600px) {
#container h3 {margin-top:0px; font-weight:400; font-size:22px; color:#303030; }
#container h3 span {padding-bottom:10px; border-bottom:4px solid #ececec; }
#container .con_page {margin-top:30px; width:100%; min-height:200px;}
}
/* footer PC */
footer {
transition:padding 450ms ease-out 0s;
-webkit-transition: padding 450ms ease-out 0s;
-o-transition: padding 450ms ease-out 0s;
}
footer.sft {width:100%; background:#323232; clear:both;}
footer.sft:after {content:""; clear:both; display:block; }
footer.sft > div { position:absolute; left:50%; width:1300px; margin-left:-640px; z-index:10;}
footer.sft > div {position:relative;}
.ft_menu {height:100px; padding:10px 0 0 10px;}
.ft_menu h1.ft_logo {float:left; height:39px; margin-top:22px; }
address {
float:left;
padding:0px 0 0 0px;
font-style:normal;
font-size:13px;
color:#a8a8a8;
font-weight:400;
line-height:1.4em;
margin:20px 0 0 30px;
}
address span {display:inline-block;padding:0 10px;line-height:1em;}
address .copy {padding-left:10px}
.ft_right {float:right; width:80px; margin-right:10px}
.gototop {display:inline-block; width:80px; height:80px;
transition:width 200ms ease-out 0s;
-webkit-transition: width 200ms ease-out 0s;
-o-transition: width 200ms ease-out 0s;}
.privacy {display:none;}
/* footer 1300px */
@media (max-width: 1300px) {
footer {}
footer.sft {width:100%; background:#323232; clear:both;}
footer.sft:after {content:""; clear:both; display:block; }
footer.sft > div { position:absolute; left:50%; width:100%; margin-left:-50%; z-index:10;}
footer.sft > div {position:relative;}
}
/* footer 1010px */
@media (max-width: 1010px) {
.ft_menu {height:70px; padding:10px 0 0 10px;}
.ft_menu h1.ft_logo {float:left; width:25%; height:auto; margin-top:0; }
.ft_menu h1.ft_logo img {width:100%}
address {
float:left;
padding:0px 0 0 0px;
font-style:normal;
font-size:13px;
color:#a8a8a8;
font-weight:400;
line-height:1.4em;
margin:5px 0 0 0px;
}
address span {display:inline-block;padding:0 10px;line-height:1em;}
address .copy {padding-left:10px}
.ft_right {float:none; width:20%;}
.gototop {position:absolute; width:50px; height:50px; top:10px; right:5px}
.gototop img {width:100%}
}
/* footer 750px */
@media (max-width: 750px) {
.ft_menu h1.ft_logo {display:none;}
address {
float:left;
width:80%;
padding:0px 0 0 0px;
font-style:normal;
font-size:13px;
color:#a8a8a8;
font-weight:400;
line-height:1.4em;
margin:5px 0 0 0px;
}
address span {display:inline-block;padding:0 10px;line-height:1.2em;}
address .copy {padding-left:10px}
.ft_right {float:none; width:20%;}
.gototop {position:absolute; width:50px; height:50px; top:10px; right:5px}
.gototop img {width:100%}
}
/* sub */
.s_visual{position:relative; width:100%; height:260px;
transition:height 200ms ease-out 0s;
-webkit-transition: font-size 200ms ease-out 0s;
-o-transition: font-size 200ms ease-out 0s;}
.s_visual_img01 {background:url(../img/s_visual01.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img02 {background:url(../img/s_visual02.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img03 {background:url(../img/s_visual03.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img04 {background:url(../img/s_visual04.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img05 {background:url(../img/s_visual05.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img06 {background:url(../img/s_visual06.jpg) no-repeat bottom; background-size:cover;}
.textbar {position:relative; top:0px; width:100%; height:210px; text-align:center; color:#fff; z-index:10;}
.textbar .s_tit {padding-top:72px; width:100%; font-size:33px; font-weight:400; line-height:1em; text-shadow:0px 5px 5px rgba(0,0,0,0.39); letter-spacing:-1px;}
.textbar .s_text {height:40px; font-size:14px; line-height:40px; text-shadow:0px 5px 5px rgba(0,0,0,0.39); letter-spacing:-1px;}
.sub_navi_wrap {position:absolute; top:205px; width:1300px; height:55px; line-height:55px; left:50%; margin-left:-650px;border-bottom:1px solid #e0e0e0; background:#fff;z-index:99;
transition:top 200ms ease-out 0s;
-webkit-transition: font-size 200ms ease-out 0s;
-o-transition: font-size 200ms ease-out 0s;}
.sub_navi_wrap .sub_menu {float:left}
.sub_navi_wrap .sub_menu img {float:left}
.sub_navi_wrap .sub_navi {float:right; font-size:13px; }
.sub_navi_wrap .sub_navi ul {padding-right:20px}
.sub_navi_wrap .sub_navi ul li {display:inline-block; color:#a9a9a9}
.sub_navi_wrap .sub_navi ul li span {color:#838383}
.sub_navi_wrap .sub_navi .home {padding-left:23px; background:url(../img/s_navi_home.png) no-repeat 0 18px}
@media screen and (max-width: 1300px) {
.s_visual{position:relative; width:100%; height:210px;}
.sub_navi_wrap {position:absolute; top:155px; width:100%; height:55px; line-height:55px; left:0; margin-left:0px; border-bottom:1px solid #e0e0e0; background:#fff;z-index:99;}
}
@media screen and (max-width: 960px) {
.s_visual{position:relative; width:100%; height:150px;}
.sub_navi_wrap {position:absolute; top:105px; width:100%; height:45px; line-height:45px; left:0%; margin-left:0px;border-bottom:1px solid #e0e0e0; background:#fff;z-index:99;}
.sub_navi_wrap .sub_menu {display:none}
.sub_navi_wrap .sub_navi {float:none; margin-left:10px; font-size:13px}
.sub_navi_wrap .sub_navi ul {padding-right:0px}
.sub_navi_wrap .sub_navi ul li {display:inline-block; color:#a9a9a9; }
.sub_navi_wrap .sub_navi ul li span {color:#838383}
.sub_navi_wrap .sub_navi .home {padding-left:23px; background:url(../img/s_navi_home.png) no-repeat 0 13px}
}
@media screen and (max-width: 480px) {
.sub_navi_wrap .sub_navi {float:none; margin-left:5px; font-size:11px}
}
/* 서브네비s */
.menu_navi_wrap{
float:left;
position:relative;
color:#000000;
height:55px;
}
.menu_navi_wrap a:hover{
background-color:#f6f6f6; color:#99a60e;
}
.menu_navi_wrap a {
position:relative;
text-decoration: none;
display:block;
color:#000000;
outline:none;
padding:0 20px;
font-size:15px;
}
.menu_navi_wrap > ul{
list-style: none;
margin:0;
padding:0 0 0 0px;
height:55px;
line-height:53px;
}
.menu_navi_wrap > ul > li{
padding:0;
float:left;
border-right:1px solid #ddd;
width:220px;
}
.menu_navi_wrap ul li ul{
position: absolute;
border: 1px solid #d0d0d0;
box-shadow: 0 0px 5px rgba(0,0,0,0.2);
margin-top: -1px;
display:none;
padding: 0px 0px 0px 0;
}
.menu_navi_wrap ul li > ul > li{
padding:0;
float:none;
margin: 0 0 0 0px;
width:100%;
height:35px;
line-height:35px;
width:218px;
border-top: 1px solid #ddd;
background:#f6f6f6;
}
.menu_navi_wrap .active ul{
display:block !important;
background-color: white;
}
.menu_navi_wrap .active > a{
background-color: white;
/*border: 1px solid #dedede;*/
box-shadow: 0 -1px 5px rgba(0,0,0,0.2);
border-bottom: 0;
display: block;
height: 55px;
padding: 0 20px;
position:relative;
z-index: 1;
text-decoration: none;
display:block;
}
.menu_navi_wrap .active a:hover{
background-color:white;
}
.menu_navi_wrap .active ul a:hover{
background-color:#99a610;
color:#fff; font-weight:600;
}
.menu_navi_wrap .active ul a{
border: 0 !important;
border:0;
font-size:14px;
}
.menu_navi_wrap .arrow {
position:absolute;
right:15px; top:27px; width:7px; height:7px;
border-color: #99a60e transparent transparent;
border-style: solid dashed dashed;
}
@media (max-width: 1100px) {
.menu_navi_wrap > ul > li {width:180px;}
.menu_navi_wrap a, .menu_navi_wrap .active > a {font-size:13px; padding:0 10px}
.menu_navi_wrap ul li > ul > li {width:178px}
}
/* 서브네비e */
/*통합검색*/
.search_all_list {width:100%; padding:20px; text-align:center; color:#333; font-size:16px; font-weight:600; margin-bottom:40px; word-break:keep-all}
span.search_text {color:#9aa60f; }
.search_all_wrap {margin-bottom:40px; word-break:keep-all}
.search_all_tt_box {position:relative; width:100%; border-bottom:1px solid #9aa60f}
.search_all_title {margin:0 0 10px 10px; color:#9aa60f; font-size:18px; font-weight:700;}
.search_all_more {position:absolute; bottom:7px; right:0; border-radius:100px;}
.search_all_more a {display:block; color:#fff; font-size:13px; padding:3px 15px 5px !important; font-weight:400}
.search_thumnail_wr {width:100%; overflow:hidden}
.search_thumnail_img {float:left; width:22%; border:1px solid #ddd; margin-top:20px;
transition:width 200ms ease-out 0s;
-webkit-transition: width 200ms ease-out 0s;
-o-transition: width 200ms ease-out 0s;}
.search_thumnail_img img{width:100%; height:124px;}
.search_thumnail_right {float:left; width:78%;}
.search_all_board {position:relative; width:100%; padding:20px; }
.search_all_board .tt {background:url('../img/list01.png') no-repeat 0 10px; padding-left:10px; color:#333; font-size:16px; font-weight:600;}
.search_all_board .content {color:#676767; margin:5px 0 5px 10px}
.search_all_board .navi {color:#999;margin-left:10px; font-size:14px}
.search_all_board .date {color:#666; margin:5px 0 0 10px; font-size:14px}
.search_all_board .no {color:#a1a1a1; font-size:16px}
.all_search {width:100%; margin:20px 0; padding:20px 10px; text-align:center; overflow:hidden;}
.all_search input {vertical-align:0px; height: 37px; padding:7px; color:#8c8c8c; border-bottom:1px solid #525252; border-right:0; border-left:0; border-top:0;}
.all_search button {width: 20px; border: 0; background: none;cursor: pointer; font-size:18px; color:#000}
.all_search .check {padding-left:-30%; font-size:14px; color:#8c8c8c}
.all_search .check input {vertical-align:-14px; }
.all_search .search_box {margin-bottom:5px; width:40%;
}
@media (max-width: 480px) {
.all_search .search_box {margin-bottom:5px; width:70%; }
.search_thumnail_img {float:none; width:100%; border:1px solid #ddd; margin-top:20px}
.search_thumnail_img img{width:100%; height:124px;}
.search_thumnail_right {float:none; width:100%;}
}
/* lightbox */
.lightbox { display: none; }