@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);


.fl {
    float: left;
    display: inline-block;
    *display: inline;
}

.fr {
    float: right;
    display: inline-block;
    *display: inline;
}

*,
body {
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
    display: block
}

fieldset {
    border: none
}

button {
    cursor: pointer;
    overflow: visible
}

a {
    color: inherit;
    text-decoration: none !important
}

.ie7 a {
    color: #333
}

a:hover,
a:active {
    text-decoration: underline
}

small {
    font-size: smaller !important
}

em {
    font-style: normal
}

textarea {
    resize: none
}

.txtcast {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}

html {
    width: 100%;
    height: 100%;
}

html,
body {
    width: 100%;
    height: 100%;
    *overflow-x: hidden
}

body {
    width: 100%;
    height: 100%;
}

body,
select,
textarea,
input {
    border: 0;
    line-height: 1.5em;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
table,
th,
td,
embed,
object,
textarea,
a,
img {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table img {
    vertical-align: middle;
}

select,
input,
table tr td,
table tr th {
    vertical-align: middle;
}

form,
fieldset,
abbr,
acronym {
    border: 0;
}

img {
    border: 0;
    vertical-align: top;
    *vertical-align: top;
}

/* 이미지에 공간을 없애기 위해 vertical-align:top 사용 */

html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6em;
    font-family: 'NanumGothic', '나눔고딕', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum;
    color: #555;
}

html,
body {
    width: 100%;
    height: 100%;
    min-height: 720px;
    min-width: 1280px;
    margin: 0;
    padding: 0;
}

/* body {
    background: url(/dyimgaes/twentyfourteen-images/common/bg_header.gif) repeat-y left top;
}
배경 뒷이미지     */
body#main {
    height: 100%;
    min-height: 720px;
    min-width: 1280px;
}


#wrap {
    min-height: 720px;
    height: 100%;
    min-width: 100%;
}

#header {
    width: 370px;
    height: 100%;
    min-height: 720px;
    position: fixed;
    /*position:absolute;*/
    top: 0;
    left: 0;
    z-index: 9;
    padding: 0 0 20px 0;
}

body#main #header {
    width: 220px;
    background-color: white;
}

#header .content {
    height: 100%;
    position: relative;
    z-index: 9;
}

#header h1.logo {
    width: 220px;
    height: 80px;
    *height: 20px;
    padding: 30px 0px 58px 1px;
    text-align: center;
    position: relative;

}

#menu-main>li>ul>li {

    color: #E5F8FF;

    font-size: 14px;
    font-weight: 600;
}

#menu-main>li>ul>li:hover {
    background: #0bb5e2;
    color: #fff !important;
}

#main-menu>li>ul>li:hover {
    background: #0bb5e2;
    color: #fff !important;
}

#main-menu>li>ul>li {

    color: #E5F8FF;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
}

#container {
    /*height:100%;*/
    min-height: 100%;
    padding-left: 370px;
    z-index: 2;
    position: relative;
}

#container-sub {
    /*height:100%;*/
    min-height: 100%;
    padding-left: 370px;
    z-index: 2;
    position: relative;
}

body#main #container {
    padding-left: 221px;
    margin-bottom: -80px
}

body#main #container-sub {
    padding-left: 370px;
    margin-bottom: -80px;
}

#container:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#container-sub:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#footer {
    margin: 0px;
    padding: 20px 0 20px 20px;
    width: 100%;
    clear: both;
    border-top: 1px solid #c9d5e4;
    background-color: #e8e8e8;
}

body#main #footer {
    margin: 0;
    padding: 20px 0 40px 20px;
    width: calc(100% - 220px);
    border-top: 1px solid #c9d5e4;
    z-index: 5555;
}



/* gnb */
#gnb {
    position: relative;
    width: 220px;
    background: #fff;
    padding: 0;
}

#gnb>li>a {
    display: block;
    width: 220px;
    *width: 180px;
    padding: 7px 38px 0 20px;
    *padding: 7px 40px 15px 0px;
    height: 69px;
    *height: 45px;
    line-height: 59px;
    text-align: right;
    font-size: 18px;
    color: #3a3a3a;
    border-bottom: #c9d5e4 1px solid;
    background: #fff url(/dyimgaes/twentyfourteen-images/common/blt_gnb.gif) 195px 13px no-repeat;
    font-weight: 600;
}

#gnb>li>a:hover,
#gnb>li>a:focus,
#gnb>li.current>a {
    background: #098ec2 url(/dyimgaes/twentyfourteen-images/common/blt_gnb.gif) 195px -38px no-repeat;
    color: #fff;
    border-bottom: #0477a4 1px solid;
    text-decoration: none;
}

#gnb>li>ul {
    position: absolute;
    top: 0;
    left: 220px;
    width: 150px;
    display: none;
    /*min-height:740px; */
    /*background:#7a4bb4;*/
}

#gnb>li#lmt1>ul {
    background: url(/dyimgaes/twentyfourteen-images/common/bg_gnbsub1.gif) no-repeat 0 0px;
    padding-top: 70px;
    top: -40px
}

/*회사소개*/
#gnb>li#lmt2>ul {
    background: #098ec2 url(/dyimgaes/twentyfourteen-images/common/bg_gnbsub2.gif) 0 480px no-repeat;
}

/*물류센터*/
#gnb>li#lmt3>ul {
    background: #098ec2 url(/dyimgaes/twentyfourteen-images/common/bg_gnbsub3.gif) 0 480px no-repeat;
}

/*인재경영*/
#gnb>li#lmt4>ul {
    background: #098ec2 url(/dyimgaes/twentyfourteen-images/common/bg_gnbsub4.gif) 0 480px no-repeat;
    top: 170px;
}

/*고객센터*/
#gnb>li#lmt5>ul {
    background: #098ec2 url(/images/common/bg_gnbsub5.gif) 0 480px no-repeat;
}

#gnb>li.current>ul {
    display: block;
}

#gnb>li>ul>li>a {
    display: block;
    width: 150px;
    *width: 130px;
    height: 50px;
    padding: 0 0 0 20px;
    background: #098ec2;
    text-align: left;
    color: #ade0f4;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;
}

#gnb>li>ul>li>a.double {
    line-height: 17px;
    padding-top: 8px;
    height: 42px;
}

#gnb>li>ul>li>a:hover,
#gnb>li>ul>li>a:focus,
#gnb>li>ul>li.current>a {
    background: #0bb5e2;
    color: #fff;
    text-decoration: none;
}

#gnb>li>ul>li.current>a {
    background: #0bb5e2;
    color: #fff;
}

#gnb>li>ul>li>ul {
    position: relative;
    width: 150px;
    background: none;
}

#gnb>li>ul>li.current>ul {
    display: block;
}

#gnb>li>ul>li>ul>li a {
    display: block;
    width: 123px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 27px;
    background: #7a4bb4 url(/dyimgaes/twentyfourteen-images/common/blt_gnb.gif) 19px -32px no-repeat;
    color: #d0bde6;
}

#gnb>li>ul>li>ul>li a:hover,
#gnb>li>ul>li>ul>li a:focus,
#gnb>li>ul>li>ul>li.current a {
    background: #6737a2 url(/dyimgaes/twentyfourteen-images/common/blt_gnb.gif) 19px 18px no-repeat;
    color: #fff;
}

#gnb>li#lmt6 a.d1,
#gnb>li#lmt7 a.d1 {
    text-indent: -9999px;
    display: none;
}


#contentsWrap {
    margin: 0 0 0 55px;
    padding: 20px 0 150px 0;
    width: 740px;
}

#indexWrap {
    padding: 20px 0 50px 0;
    width: 930px;
    overflow: hidden;
}

.titArea {
    margin: 0;
    clear: both;
    padding: 0;
    margin: 0 0 45px 0;
    min-height: 160px;
    overflow: hidden;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.titArea.sub0101 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0101.gif);
}

/*회사소개*/
.titArea.sub0102 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0101.gif);
}

.titArea.sub0103 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0101.gif);
}

.titArea.sub0104 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0101.gif);
}

.titArea.sub0201 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0201.gif);
}

.titArea.sub0202 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0201.gif);
}

.titArea.sub0203 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0201.gif);
}

.titArea.sub0301 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0301.gif);
}

.titArea.sub0302 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0301.gif);
}

.titArea.sub0303 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0301.gif);
}

.titArea.sub0304 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0301.gif);
}

.titArea.sub0305 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0301.gif);

}

.titArea.sub0306 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0301.gif);
}

.titArea.sub0401 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

/*동영뉴스*/
.titArea.sub0402 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0403 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0404 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0405 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0406 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0407 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0408 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0501 {
    background-image: url(/dyimgaes/twentyfourteen-images/common/titArea_bg0401.gif);
}

.titArea.sub0502 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0501.png);
}

.titArea.sub0503 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0501.png);
}

.titArea.sub0504 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0501.png);
}

.titArea.sub0505 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0501.png);
}

.titArea.sub0506 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0501.png);
}

.titArea.sub0507 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0501.png);
}

.titArea.sub0508 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0501.png);
}

.titArea.sub0601,
.titArea.sub0602,
.titArea.sub0603,
.titArea.sub0604,
.titArea.sub0605,
.titArea.sub0606,
.titArea.sub0607 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0601.png);
}

.titArea.sub0701,
.titArea.sub0702 {
    background-image: url(/dyimgaes/twentyfourteen-images/content/titArea_bg0701.png);
}

.titArea h2 {
    font-size: 40px;
    color: #404040;
    font-weight: 600;
    line-height: 1em;
    margin: 35px 0 15px;
}

.titArea h2 span {
    font-size: 20px;
    color: #333;
    margin: 0 0 0 15px;
    vertical-align: baseline;
    padding: 0 0 0 15px;
    background: url(../../images/common/blt_var1.gif) 0 50% no-repeat;
}

.titArea .titSub {
    font-size: 16px;
    color: #555;
    line-height: 23px;
}

/*location*/
.location {
    text-align: left;
    line-height: 15px;
    color: #777;
    font-size: 10px;
}

.location a,
.location span {
    font-size: 12px;
    padding: 0 10px;
}

.location a {
    color: #777;
}

.location a.ic-home {
    vertical-align: top;
    margin-top: 4px;
    background: url(/dyimgaes/twentyfourteen-images/common/icon_home.gif) 0 50% no-repeat;
    line-height: 1.5;
}

.location a i {
    display: none;
}

.location span {
    color: #555;
}

.mbox {
    float: left;
    width: 220px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.nav_menu {
    float: left;
    width: 220px;
    padding: 45px 0px 30px 0px;
}

.nav_menu ul {}

.nav_menu ul li {
    float: right;
    width: 190px;
    padding: 5px 25px 5px 0px;
    margin: 0 auto;
    list-style: none;
}

.nav_menu ul li a {
    float: right;
}

.addr {
    float: left;
    width: 181px;
    padding: 19px 0px 14px 18px;
}

ol,
ul {
    list-style: none;
}

/* main*/
/*
#container {height: 100%;min-height: 860px;*min-height: 840px;padding-left: 220px;z-index: 2;position: relative;}
*/
/*
 .main_con {
    width: 100%;
    float: left;
    background: url('/dyimgaes/twentyfourteen-images/main/m_img01.png') repeat-x;
    background-color: #FFF;
}

.main_con .main_tit {
    width: 100%;
    float: left;
    position: relative;
    background: url(/dyimgaes/twentyfourteen-images/main/m_img01.png) no-repeat left top;
    height: 500px;
} 메인 tit  중복이미지 
*/
.main_con .main_tit_en {
    width: 100%;
    float: left;
    position: relative;
    background: url(/dyimgaes/twentyfourteen-images/main/m_img01_en.png) no-repeat left top;
    height: 500px;
}

.main_con .main_tit_ja {
    width: 100%;
    float: left;
    position: relative;
    background: url(/dyimgaes/twentyfourteen-images/main/m_img01_ja.png) no-repeat left top;
    height: 500px;
}

.main_con .main_tit_ca {
    width: 100%;
    float: left;
    position: relative;
    background: url(/dyimgaes/twentyfourteen-images/main/m_img01_ca.png) no-repeat left top;
    height: 500px;
}

.main_con .con_box {
    width: 980px;
    float: left;
    position: relative;
}

/*
.mc1 {width: 320px;height: 176px;position: absolute;left: -200px;top: 0px;border-right: 1px solid #CACACA;border-bottom: 1px solid #CACACA;}
*/
.mcon1 {
    float: left;
    width: 320px;
    height: 176px;
    background: url('/dyimgaes/twentyfourteen-images/main/b_img01.png') no-repeat scroll 0% 0% transparent;
    position: relative;
    border-right: 1px solid #c9d5e4;
    border-bottom: 1px solid #c9d5e4;
}

.mcon1 .p_btn {
    position: absolute;
    left: 25px;
    bottom: 15px;
}

.mcon1 .inner1 {
    padding: 15px 0 0 20px;
    z-index: 9;
}

.mcon1 .inner1 h2 {
    background: url(/dyimgaes/twentyfourteen-images/main/blt_01.png) no-repeat 3px top;
    text-align: left;
    color: #FFF;
    font-size: 21px;
    font-weight: 600;
    padding-top: 3px;
}

.mcon1 .inner1 .tx01 {
    font-size: 12px;
    text-align: left;
    color: #c2ccdf;
    margin: 7px 0 0 0;
    font-weight: 600;
    line-height: 17px
}

.mcon1:hover {
    background: url('/dyimgaes/twentyfourteen-images/main/b_img01_ov.png') no-repeat scroll 0% 0% transparent;
}

.mcon1:hover .inner1 .tx01 {
    color: #fff;
}

.mcon2 {
    float: left;
    width: 320px;
    height: 176px;
    background: url('/dyimgaes/twentyfourteen-images/main/b_img02.png') no-repeat scroll 0% 0% transparent;
    position: relative;
    border-right: 1px solid #c9d5e4;
    border-bottom: 1px solid #c9d5e4;
}

.mcon2 .p_btn {
    position: absolute;
    left: 25px;
    bottom: 15px;
}

.mcon2 .inner1 {
    padding: 15px 0 0 20px;
    z-index: 9;
}

.mcon2 .inner1 h2 {
    background: url(/dyimgaes/twentyfourteen-images/main/blt_01.png) no-repeat 3px top;
    text-align: left;
    color: #FFF;
    font-size: 21px;
    font-weight: 600;
    padding-top: 3px;
}

.mcon2 .inner1 .tx01 {
    font-size: 12px;
    text-align: left;
    color: #c2ccdf;
    margin: 7px 0 0 0;
    font-weight: 600;
    line-height: 17px
}

.mcon2:hover {
    background: url('/dyimgaes/twentyfourteen-images/main/b_img02_ov.png') no-repeat scroll 0% 0% transparent;
}

.mcon2:hover .inner1 .tx01 {
    color: #fff;
}

.mcon3 {
    float: left;
    width: 320px;
    height: 176px;
    background: url('/dyimgaes/twentyfourteen-images/main/b_img03.png') no-repeat scroll 0% 0% transparent;
    position: relative;
    border-bottom: 1px solid #c9d5e4;
}

.mcon3 .p_btn {
    position: absolute;
    left: 25px;
    bottom: 15px;
}

.mcon3 .inner1 {
    padding: 15px 0 0 20px;
    z-index: 9;
}

.mcon3 .inner1 h2 {
    background: url(/dyimgaes/twentyfourteen-images/main/blt_01.png) no-repeat 3px top;
    text-align: left;
    color: #FFF;
    font-size: 21px;
    font-weight: 600;
    padding-top: 3px;
}

.mcon3 .inner1 .tx01 {
    font-size: 12px;
    text-align: left;
    color: #c2ccdf;
    margin: 7px 0 0 0;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 17px
}

.mcon3:hover {
    background: url('/dyimgaes/twentyfourteen-images/main/b_img03_ov.png') no-repeat scroll 0% 0% transparent;
}

.mcon3:hover .inner1 .tx01 {
    color: #fff;
}

.mcon4 {
    float: left;
    width: 425px;
    *width: 405px;
    height: 225px;
    *height: 205px;
    position: relative;
    border-right: 1px solid #c9d5e4;
    padding: 20px 0px 0px 22px;
}

.mcon4 .p_btn {
    position: absolute;
    right: 25px;
    top: 32px;
}

.mcon4 h2 {
    float: left;
    width: 100%;
    margin-bottom: 29px;
    font-size: 21px;
    font-weight: 700;
    color: #3f3f3f;
}

.mcon4_news {
    float: left;
    width: 410px;
    padding-bottom: 23px;
    margin-bottom: 21px;
    position: relative;
}

.mcon4_news .h_n_l {
    float: left;
    *width: 140px;
}

.mcon4_news .h_n_l img {
    width: 160px;
    height: 111px;
    border: 2px solid #CCC
}

.mcon4_news .h_n_r {
    float: left;
    width: 240px;
    *width: 220px;
    padding: 0px 18px 0px 25px;
}

.mcon4_news .h_n_r h3 {
    font-size: 12px;
    font-weight: 700;
    color: #444;
    margin-bottom: 5px;
}

.mcon4_news .h_n_r p {
    font-size: 12px;
    color: #444;
    line-height: 1.4;
}

.mcon4_news .h_n_r p span {
    color: #868686;
    font-weight: 700;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
}

.mcon4_news .h_n_r p a {
    font-size: 12px;
    color: #999;
    line-height: 1.4;
    text-decoration: none
}

.mcon5 {
    float: left;
    width: 283px;
    *width: 263px;
    height: 225px;
    *height: 205px;
    position: relative;
    border-right: 1px solid #c9d5e4;
    padding: 20px 0px 0px 22px;
}

.mcon5 h2 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 700;
    color: #3f3f3f;
}

.mcon5 p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #8b8888
}

.mcon5 ul {
    width: 240px;
    margin: 78px 20px 20px 10px;
    *margin: 48px 20px 20px 10px;
}

.mcon5 ul li {
    width: 95px;
    height: 100px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.mcon5 ul li a {
    width: 95px;
    height: 100px;
    display: block;
}

.mcon5 .p_btn {
    position: absolute;
    right: 25px;
    top: 32px;
}

.mcon6 {
    float: left;
    width: 254px;
    *width: 234px;
    height: 225px;
    *height: 205px;
    background: url('/dyimgaes/twentyfourteen-images/main/tit03_img01.png') no-repeat 190px 35px;
    position: relative;
    padding: 20px 0px 0px 22px;
}

.mcon6 h2 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 700;
    color: #3f3f3f;
}

.mcon6 p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #8b8888
}

.mcon6 p.txt01 {
    font-size: 34px;
    font-weight: 600;
    color: #11b90f;
    /* color:#d00000; */
    padding: 7px 0;
}

/* 0701 color 수정 */
.mcon6 p.txt02 {
    font-size: 14px;
    font-weight: 600;
    color: #8b8888;
    letter-spacing: -0.05em
}


.con_news {
    margin: 0;
    clear: both;
    padding: 0;
    margin: 0 0 35px 0;
    min-height: 160px;
    overflow: hidden;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.con_news .newsbox {
    width: 100%;
    margin-bottom: 20px;
}

.con_news .newsbox .nbox {
    float: left;
    margin: 0 auto;
    padding: 30px 20px 20px 10px;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
}

.con_news .newsbox .nbox h2 {
    float: left;
    width: 100%;
    margin-bottom: 22px;
    letter-spacing: -0.3px;
}

.con_news .newsbox .nbox h2 a {
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #373737;
    font-family: 'NanumGothic', '나눔고딕', 돋움, 굴림, Dotum, Gulim, sans-serif;
}

.con_news .newsbox .nbox p.ptext {
    float: left;
    padding-left: 30px;
    width: 100%;
    font-size: 12px;
    color: #686868;
    line-height: 1.5;
    letter-spacing: -0.2px;
    text-align: justify;
}

.con_news .newsbox .nbox p img {
    width: 180px;
    height: 85px;
    border: 4px solid #EAEAEA;
}

.con_news .newsbox .nbox .nb_date {
    position: absolute;
    top: 35px;
    right: 25px;
    color: #ADADAD;
    font-size: 13px;
}

.pd15 {
    padding: 15px 0px 15px 15px !important;
}

.img_w {
    width: 148px;
}

.w520 {
    width: 520px !important;
    *width: 400px
}

/*nav */
#ic-home {}

/*main menu*/
.menu_wrap {
    /* height: 100% !important;*/
}

.nav_collapse {
    font-size: 18px;
    font-weight: 900;
    color: #515151;

}

.side-menu {
    display: none;
    position: absolute;
    left: 220px;
    /* height: 100%; */
    width: 150px;
    top: 0;
    background: url('/dyimgaes/twentyfourteen-images/common/s_mbg01.png') repeat;
    bottom: 0px;
    /* bottom: 80px; */
    z-index: 5555;

    opacity: 0.5;


}

.side-menu-sub {
    position: absolute;
    left: 220px;
    /*height: 100%;*/
    width: 150px;
    top: 0;
    background: url('/dyimgaes/twentyfourteen-images/common/s_mbg01.png') repeat;
    bottom: 0px;
    /*   bottom: 80px;*/
    z-index: 5555;
}

.side-menu0 {
    display: none;
    background: url('/dyimgaes/twentyfourteen-images/common/bg_gnbsub1.png') no-repeat;
    padding-top: 70px;
    margin-top: 17px;

}

.side-menu1 {
    display: none;
    background: url('/dyimgaes/twentyfourteen-images/common/bg_gnbsub2.png') no-repeat;
    padding-top: 70px;
    margin-top: 89px;

}

.side-menu2 {
    display: none;
    background: url('/dyimgaes/twentyfourteen-images/common/bg_gnbsub3.png') no-repeat;
    padding-top: 70px;
    margin-top: 165px;

}

.side-menu3 {
    display: none;
    background: url('/dyimgaes/twentyfourteen-images/common/bg_gnbsub4.png') no-repeat;
    padding-top: 70px;
    margin-top: 235px;

}

.menu-item {
    background: url('/dyimgaes/twentyfourteen-images/common/menu00.png') no-repeat;
    padding: 25px 30px 25px 0px;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #D5DAED;
    background-position: 90% 50%;

}

ul.sub-menu {
    width: 150px;
    position: absolute;
    left: 250px;
    display: none;
    z-index: 9999;
    background: #098ec2;
}

.menu-item .menu-item-type-post_type {
    background: url('') no-repeat #098ec2;
    padding: 10px 0 10px 0;
    border-bottom: 0px solid #D5DAED;
    background-position: 0;
    padding-left: 20px;
    list-style: none;
    width: 150px;
    text-align: left;
}

/*hover*/
/*.mcon1:hover {

  -webkit-filter: contrast(150%);
  -moz-filter:  contrast(150%);
  -o-filter:  contrast(150%);
   -ms-filter: contrast(150%);

}
.mcon2:hover {

  -webkit-filter: contrast(150%);
  -moz-filter:  contrast(150%);
  -o-filter:  contrast(150%);
   -ms-filter: contrast(150%);
}
.mcon3:hover {

   -webkit-filter: contrast(150%);
  -moz-filter:  contrast(150%);
  -o-filter:  contrast(150%);
   -ms-filter: contrast(150%);
}
 .btn_more1:hover {
-webkit-filter: opacity(50%);
-moz-filter:  opacity(50%);
  -o-filter:  opacity(50%);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
       opacity: .5; 
 }*/
.menu-item-type-custom:hover {
    background: url('/dyimgaes/twentyfourteen-images/common/menu00.png') no-repeat #098ec2;
    color: #fff;
    background-position: 90% 50%;
    /*
-webkit-filter: opacity(50%);
-moz-filter:  opacity(50%);
  -o-filter:  opacity(50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    /* IE 8 */
    /*       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); */
    /* IE 7 and olders */
    /*     opacity: .5; */

}

/**/


#footer {
    clear: both;
    height: 80px;
    margin: 0px;
    padding: 20px 0px 20px 240px;
    width: 100% border-top: 1px solid #c9d5e4;
    background-color: #e8e8e8;
    font-size: 11px;
    /*	position: fixed;*/
    /*	position: absolute;*/
    left: 220px;
    /* margin-bottom: -80px; */
    bottom: 0px;
    position: relative;
}

.bt-basic {
    background: url(/dyimgaes/twentyfourteen-images/common/bt_basic1.gif) 100% -100px no-repeat;
    overflow: hidden;
    height: 30px;
    padding: 0 7px 0 7px;
    margin: 0 0px;
    vertical-align: middle;
}

.bt-basic:hover {
    background: url(/dyimgaes/twentyfourteen-images/common/bt_basic1.gif) 100% -150px no-repeat;
    text-decoration: none;
}

[class^="bt-"],
[class*=" bt-"] {
    display: inline-block;
    overflow: hidden;
    height: 30px;
    padding: 0 7px 0 7px;
    margin: 0 0px;
    vertical-align: middle;
}

[class^="bt-"] *,
[class*=" bt-"] * {
    display: block;
    min-width: 45px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0 17px 0 20px;
    color: #444;
    vertical-align: middle;
    border: none !important;
    background-color: transparent !important;
    cursor: pointer;

}

.btn-group {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.r {
    text-align: right !important;
}

.btn-group:after {
    content: '';
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

li.lang-item.lang-item-7.lang-item-ko {
    margin-left: 120px;
}

li.lang-item {
    float: left !important;
    width: 20px !important;
    /*padding: 5px 0px !important;*/
}

.menu_style1 {
    letter-spacing: 0.05px;
}