@charset "utf-8";

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

body {
    /* font-family: "Nanum Gothic", "나눔고딕";*/
    font-family: "Arial", "arial";
    font-size:14px;
}
a,a:visited,a:link {color:#0c4570;}
a:hover {color:#ce2129;}

/* 기본틀 */

.header, 
.contents, 
.footer {
    width:100%;
    min-width:1200px;
    max-width:100%;
    *zoom:1;
}
.header:after, 
.contents:after, 
.footer:after {
    display:block; content:" "; clear:both;
}

.container {
    width:1200px;
    min-width:1200px;
    max-width:1200px;
    margin:0 auto;
    *zoom:1;
}
.container:afte {
    display:block; content:" "; clear:both;
}


/* 헤더 header */
.header h1 {
    float:left;
    display: table;
    height: 90px;
}
.header h1 > a {
    display:table-cell;
    vertical-align:middle;
}

.header .header_main {
    float:right;
    *zoom:1;
}
.header .header_main:after {
    display:block; content:" "; clear:both;
}

.header_main .util_menu,
.header_main .main_menu {
    float:right;    
    clear:both;
    *zoom:1;
}
.header_main .util_menu:after,
.header_main .main_menu:after {
    display:block; content:" "; clear:both;
}
.header_main .util_menu {
    padding:8px 0;
}
.header_main .util_menu > li {
    float:left;
}
.header_main .util_menu > li > a {
    display:block;
    font-size:12px;
    color:#999999;
    text-decoration:uppercase;
}
.header_main .util_menu > li > a:hover {
    text-decoration:underline;
}
.header_main .util_menu > li > a:after {
    display:inline-block;
    content:" / ";
    margin:0 8px;
}
.header_main .util_menu > li:last-child > a:after {
    display:none;
}


.header_main .main_menu {
    padding:5px 0 0;
}
.header_main .main_menu > li {
    float:left;
    margin-right:45px;
    position:relative;
}
.header_main .main_menu > li:last-child {
    margin-right:0;
}
.header_main .main_menu > li > a {
    display:block;
    font-size:16px;
    color:#333333;
    text-transform:uppercase;
    font-weight:600;
    padding:14px 6px;
    position:relative;
    z-index:100000;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid transparent;
}
.header_main .main_menu > li > a:hover {
    color:#0f74ca;
}
.header_main .main_menu > li > a.active {
    color:#0f74ca;
    border-top:1px solid #555;
    border-left:1px solid #555;
    border-right:1px solid #555;
    border-bottom:1px solid #fff;
}
.main_menu > li > .sub_menu {
    display:none;
    z-index:10000;
    position:absolute;
    top:45px;
    left:0px;
    background-color:#fff;
    border:1px solid #555;
    padding:5px 0;
    width:200px;
}
.sub_menu > ul > li > a {
    display:block;
    color:#555;
    padding:8px 15px;
    font-size:15px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.sub_menu > ul > li > a:before {
    display:inline-block;
    content:"· ";
    margin-right:3px;
}
.sub_menu > ul > li > a:hover {
    background-color:#dfdfdf;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}


/* 메인 콘텐츠 main contenets */
/* main visual */
.main_visual {
    position:relative;height:520px;width:100%;background-image:url(../images/main_visual.jpg);
}
.mv_list {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-600px;
	width:1200px;
}
.mv_list div{position:absolute;margin-top:220px;left:-100px;z-index:1000;width:500px;}
.visual_text_wrap {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-600px;
	width:1200px;
}
.visual_text {
    position:absolute;
    z-index:1000;
    top:65px;
	width:700px;
    height:205px;
	left:400px;
    margin:0 auto;
	text-align:left;
}
.visual_text.bg {
    background-color:rgba(0,0,0,0.18);
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}
.main_visual .visual_text > p {
    display:table-cell;
	text-align:left;
    color:#fff;
    font-family: "Nanum Gothic", "나눔고딕";
    font-weight:600;
    line-height:36px;
    letter-spacing:-0.15px;
    text-shadow: 0px 0px 5px #000;
}
.visual_text .txt {
    font-size:33px;
}
.visual_text .txt > span {
    display:block;
    font-size:40px;
    line-height:1.35em;
}

.main_visual .slick-dots {bottom:-25px;}

.wrap2{
text-align:center;
}

.product_preview {
    padding-top:40px;
    padding-bottom:80px;
	/*display:inline-block;*/
    *zoom:1;
}
.product_preview:after {
    display:block; content:" "; clear:both;
}
.product_preview > li {
    float:left;
    width:350px;
    margin-right:74px;
}
.product_preview > li:last-child {
    margin-right:0;
}
.product_preview > li > a {
    display:block;
}
.product_preview .thumbnail {
    margin-bottom:10px;
}
.product_preview .tit {
    display:block;
    font-size:20px;
    color:#111;
    padding:8px 0;
}
.product_preview .txt {
    font-size:14px;
    line-height:22px;
    color:#666;
    margin-bottom:25px;
    min-height:50px;
}

.product_preview .more {
    display:inline-block;
    font-size:14px;
    color:#137bcd;
}


/* foot_menu */
.foot_menu {
    background-color:#404246;;
}

.f_menu {width:1200px;margin:0 auto;overflow:hidden;padding-top:30px;
    padding-bottom:30px;}
.f_menu li {width:189px;border-left:1px solid #595a5d;float:left;padding:0 25px;}
.f_menu li.hh {height:350px;}
.f_menu li:last-child{width:188px;border-left:1px solid #595a5d;border-right:1px solid #595a5d;padding:0 25px;}
.f_menu li a {color:#C4C4C4;font-size:13px;font-weight:bold;padding: 10px 0;display:block;}
.f_menu li a:hover {color:#fff;}
.f_menu li .f_sm li {border:none;width:180px;padding:0;}
.f_menu li .f_sm li a {color:#7e7e7e;font-size:11px;font-weight:normal;padding: 3px 0;}
.f_menu li .f_sm li a:hover {color:#fff;}

/* footer */
.footer {
    background-color:#252629;
    font-size:11px;
    color:#7e7e7e;
    padding-top:28px;
    padding-bottom:28px;
}
.footer_logo {
    float:left;
    width:250px;
}
.footer_main {
    float:left;
}

.footer_main .footer_nav,
.footer_main .footer_info {
    *zoom:1;
}

.footer_main .footer_info {
    text-align:left;padding-top:10px;
}
.footer_main .footer_info > li {
    display:inline-block;
    margin-right:10px;
}
.footer_main .copyright {
    font-size:11px;
    line-height:22px;
}

.footer_gobiz {
    display:block;
    float:right;
}

/* catalogue */
#catalogue div{width:90px; padding:10px 5px; float:right; text-align:center;font-size:13px; font-weight:bold;background:#0c4570;color:#FFF;}
#catalogue div:hover{background:#8bbadd; color:#333;}

#catalogue2 div{width:90px; padding:10px 5px; float:left; text-align:center;font-size:13px; font-weight:bold;background:#0c4570;color:#FFF;}
#catalogue2 div:hover{background:#8bbadd; color:#333;}


/*youtube
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube{padding-top:0px; padding-bottom:40px;}*/


/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}